/*********************************************

	Autor	:	Oscar Romero G.
	e-mail	:	oscar.romero@senti2.com.pe
	Web		:	http://www.oscarromero.tk/
	Empresa	:	http://www.senti2.com.pe/

/********************************************/



/*====================================================================================
	GENERAL
====================================================================================*/
html, body {
	margin: 0;
	padding: 0;
}
body {
	text-rendering: optimizelegibility;
	min-width: 960px;
}
.off {
	display: none;
}



/*====================================================================================
	HEADER
====================================================================================*/
header {
	width: 930px;
	min-width: 930px;
	margin: 0 auto;
	padding: 15px;
}
header a.btn-social {
	display: block;
	width: 34px;
	height: 34px;
	float: right;
	margin-left: 5px;
	padding-top: 12px;
}
header a,
header a img {
	border: none;
}
header a.btn-social img {
	-webkit-transition: all 0.75s ease 0s;
	   -moz-transition: all 0.75s ease 0s;
		-ms-transition: all 0.75s ease 0s;
		 -o-transition: all 0.75s ease 0s;
			transition: all 0.75s ease 0s;
}

/* Eventos Hover */
header a.btn-social img:hover {
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		 -o-transform: rotate(360deg);
			transform: rotate(360deg);
}



/*====================================================================================
	BANNER
====================================================================================*/
section#banner {
	width: 100%;
/*	max-width: 1400px;
	margin: 0 auto;*/
	height: 500px;
	background-image: url(../images/main-banner-02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
/*	background-color: #fafafa;*/
/*	-webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);*/
}
section#banner #main-banner {
	width: 960px;
/*	min-width: 960px;*/
	margin: 0 auto;
	height: 500px;
	background-image: url(../images/main-banner-02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fafafa;
}

/* Main Logo */
section#banner #main-banner #main-logo {
	position: relative;
	z-index: 1000;
	padding-top: 20px;
	padding-left: 20px;
	margin-bottom: 31px;
}
section#banner #main-banner #main-logo a,
section#banner #main-banner #main-logo a img {
	border: none;
}

/* Pantalla */
section#banner #main-banner #banner-screen {
	position: relative;
	z-index: 999;
	width: 416px;
	height: 270px;
	background-color: #111111;
	margin: 0 auto;
	top: 114px;
	-webkit-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.9) inset;
	   -moz-box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.9) inset;
			box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.9) inset;
}



/*====================================================================================
	MAIN-MENU
====================================================================================*/
nav {
	text-align: center;
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
}
nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	display: block;
	height: 80px;
	line-height: 80px;
}
nav ul li {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	margin-right: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	display: inline;
	border-bottom-width: 5px;
}
nav ul li#menu-item-contactenos {
	margin-right: 0;
}
nav ul li a {
	font-family: 'Merriweather', Times New Roman;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	color: #333333;
}
nav ul li#menu-item-rol a {
	color: #000000;
}

/* Color de líneas inferiores */
nav ul li#menu-item-inicio { border-bottom-color: #00B9DC; }
nav ul li#menu-item-conferencias { border-bottom-color: #F39C12; }
nav ul li#menu-item-condiciones { border-bottom-color: #860d5b; }

/* Eventos Hover */
nav ul li:hover { border-bottom-style: solid; }
nav ul li#menu-item-inicio:hover { border-bottom-color: #00B9DC; }
nav ul li#menu-item-conferencias:hover { border-bottom-color: #F39C12; }
nav ul li#menu-item-condiciones:hover { border-bottom-color: #860d5b; }



/*====================================================================================
	CONTENT-INICIO
====================================================================================*/
section#content-inicio {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	margin-bottom: 40px;
}

/* Título y subtítulo intro */
section#content-inicio h1.titulo-intro,
section#content-inicio h2.subtitulo-intro {
	font-family: 'Merriweather', Times New Roman;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	margin: 0;
	padding: 0;
}
section#content-inicio h1.titulo-intro {
	font-size: 40px;
	color: #860d5b;
	line-height: 40px;
}
section#content-inicio h2.subtitulo-intro {
	font-size: 20px;
	color: #f39c12;
	margin-top: 50px;
	line-height: 20px;
}

/* Texto intro */
section#content-inicio p.texto-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 15px;
	color: #444444;
	text-align: center;
	padding: 0 50px;
	margin-bottom: 20px;
}


/* Celda Intros */
section#content-inicio table#tabla-intros {
}
section#content-inicio table#tabla-intros .celda-intros {
	padding: 20px 10px;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
			border-radius: 20px;
}

/* Icon */
section#content-inicio table#tabla-intros img {
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	-webkit-transition: all 0.75s ease 0s;
	   -moz-transition: all 0.75s ease 0s;
		-ms-transition: all 0.75s ease 0s;
		 -o-transition: all 0.75s ease 0s;
			transition: all 0.75s ease 0s;
}

/* Título */
section#content-inicio table#tabla-intros h2 {
	font-family: 'Merriweather', Times New Roman;
	font-weight: 900;
	font-size: 25px;
	font-style: italic;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #860d5b;
}

/* Texto */
section#content-inicio table#tabla-intros p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 15px;
	color: #444444;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

/* Botón */
section#content-inicio table#tabla-intros a {
	text-align: center;
	display: block;
	padding: 6px 0;
	width: 96px;
	margin-left: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	text-transform: uppercase;
	border-style: solid;
	border-width: 2px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	-webkit-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
	   -moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
			text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}
section#content-inicio table#tabla-intros a#btn-docentes {
	background-color: #F39C12;
	border-color: #F39C12;
}
section#content-inicio table#tabla-intros a#btn-padres {
	background-color: #00B9DC;
	border-color: #00B9DC;
}
section#content-inicio table#tabla-intros a#btn-estudiantes {
	background-color: #D54A00;
	border-color: #D54A00;
}

/* Eventos Hover */
section#content-inicio table#tabla-intros .celda-intros:hover {
	background-color: #f9f9f9;
	-webkit-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1) inset;
	   -moz-box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1) inset;
			box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.1) inset;
}
section#content-inicio table#tabla-intros .celda-intros:hover img {
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		 -o-transform: rotate(360deg);
			transform: rotate(360deg);
}
section#content-inicio table#tabla-intros .celda-intros:hover a {
	border-color: #860D5B !important;
}



/*====================================================================================
	FOOTER
====================================================================================*/
footer {
}

/* Barra de Logos */
footer #box-logos {
	background-color: #e5e5e5;
}
footer #box-logos #logos {
	background-color: #e5e5e5;
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
footer #box-logos #logos a,
footer #box-logos #logos a img {
	border: none;
}
footer #box-logos #logos a img.logo-bruno-footer {
	border-right: solid 1px #cccccc;
	padding-right: 20px;
	margin-right: 20px;
}
footer #box-logos #logos a img.logo-footer {
	padding-bottom: 18px;
	margin-right: 15px;
}

/* Contenido de Footer */
footer #footer-content {
	background-color: #860D5B;
	height: 200px;
}



/*====================================================================================
	COPYRIGHT
====================================================================================*/
footer #copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	color: #000000;
	text-align: center;
	width: 960px;
	margin: 0 auto;
}
footer #creditos {
	display: none;
}



/*====================================================================================
	CONDICIONES
====================================================================================*/
/* BANNER */
section#box-banner-condiciones {
	width: 100%;
	height: 300px;
	background-image: url(../images/banner-condiciones.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fafafa;
/*	-webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);*/
}
section#box-banner-condiciones #banner-condiciones {
	width: 960px;
/*	min-width: 960px;*/
	margin: 0 auto;
	height: 300px;
	background-image: url(../images/banner-condiciones.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fafafa;
}

/* CONTENIDO */
section#content-condiciones {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	margin-bottom: 40px;
	background-image: url(../images/bg-content-condiciones.gif);
	background-repeat: no-repeat;
	background-position: 125px 80px;
}

/* Título y subtítulo intro */
section#content-condiciones h1.titulo-condiciones,
section#content-condiciones h2.subtitulo-condiciones {
	font-family: 'Merriweather', Times New Roman;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	margin: 0;
	padding: 0;
}
section#content-condiciones h1.titulo-condiciones {
	font-size: 40px;
	color: #860d5b;
	line-height: 40px;
	margin-bottom: 30px;
}
section#content-condiciones h2.subtitulo-condiciones {
	font-size: 20px;
	color: #f39c12;
	margin-top: 50px;
	line-height: 20px;
}

/* Texto intro */
section#content-condiciones p.texto-condiciones {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 15px;
	color: #444444;
	background-image: url(../images/icon-texto-condiciones.gif);
	background-repeat: no-repeat;
	padding-left: 330px;
	padding-right: 130px;
	background-position: 305px 1px;
}



/*====================================================================================
	CONFERENCIAS
====================================================================================*/

/* Sección TRANSMISIÓN DE VIDEO */
section#conferencia-video {
	height: 510px;
	background-color: #1b1b1b;
	position: relative;
	z-index: 3;
	-webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
}
section#conferencia-video #video-box {
	width: 907px;
	margin: 0 auto;
	height: 510px;
	background-color: #1b1b1b;
}


/* Sección ROL DE CONFERENCIAS */
section#content-conferencias {
	padding-top: 40px;
	padding-bottom: 50px;
	background-color: #E5E5E5;
}
section#content-conferencias #box-content-conferencias {
	background-color: #E5E5E5;
}

/* Título y subtítulo intro */
section#content-conferencias #box-content-conferencias h1.titulo-intro,
section#content-conferencias #box-content-conferencias h2.subtitulo-intro {
	font-family: 'Merriweather', Times New Roman;
	font-weight: 900;
	font-style: italic;
	text-align: center;
	margin: 0;
	padding: 0;
}
section#content-conferencias #box-content-conferencias h1.titulo-intro {
	font-size: 40px;
	color: #860d5b;
	line-height: 40px;
}
section#content-conferencias #box-content-conferencias h2.subtitulo-intro {
	font-size: 20px;
	color: #f39c12;
	line-height: 20px;
}

/* Texto intro */
section#content-conferencias #box-content-conferencias p.texto-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 15px;
	color: #444444;
	text-align: center;
	padding: 0 50px;
	margin-bottom: 20px;
}


/********************
B-CONFERENCIA BOX
********************/
.bconferencia-box {
	width: 470px;
	margin: 5px;
	background-color: #fff;
	height: 330px;
	float: left;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
}

	/* COVER BOX [Lado Izquierdo]
	********************************/
	.bconferencia-box .cover-box {
		background-color: #000;
		width: 222px;
		height: 330px;
		margin: 0;
		padding: 0;
		float: left;
		overflow: hidden;
	}
	
	/* Cover [Imagen] */
	.bconferencia-box .cover-box a img.cover {
		-webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
				transition: all 0.5s ease;
	}
	.bconferencia-box .cover-box a,
	.bconferencia-box .cover-box a img {
		margin: 0;
		padding: 0;
		border: none;
	}
	
		/* HOVER */
		.bconferencia-box .cover-box:hover a img.cover {
			-khtml-opacity: 0.6;
			  -moz-opacity: 0.6;
				   opacity: 0.6;
					filter: alpha(opacity=60);
			-webkit-transition: all 0.5s ease;
			   -moz-transition: all 0.5s ease;
				-ms-transition: all 0.5s ease;
				 -o-transition: all 0.5s ease;
					transition: all 0.5s ease;
		}
	
	/* Botón Play [Left] */
	.bconferencia-box .cover-box .btn-play-cover {
		position: absolute;
		z-index: 1;
		margin-left: 10px;
		margin-top: 286px;
		height: 34px;
		width: 34px;
		-khtml-opacity: 0.0;
		  -moz-opacity: 0.0;
			   opacity: 0.0;
				filter: alpha(opacity=00);
		-webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
				transition: all 0.5s ease;
	}
	.bconferencia-box .cover-box .btn-play-cover a,
	.bconferencia-box .cover-box .btn-play-cover a img {
		margin: 0;
		padding: 0;
		border: none;
	}
	
		/* HOVER */
		.bconferencia-box .cover-box:hover .btn-play-cover {
			-khtml-opacity: 1.0;
			  -moz-opacity: 1.0;
				   opacity: 1.0;
					filter: alpha(opacity=100);
			-webkit-transition: all 0.5s ease;
			   -moz-transition: all 0.5s ease;
				-ms-transition: all 0.5s ease;
				 -o-transition: all 0.5s ease;
					transition: all 0.5s ease;
		}
	
	/* INFO BOX [Lado Derecho]
	*****************************/
	.bconferencia-box .info-box {
		width: 234px;
		padding: 7px;
		height: 316px;
		float: right;
		overflow: hidden;
	}
	
	/* Área DATOS [Título, Dirigida, Fecha, Hora, Descripción, Expositor, Info Expositor] */
	.bconferencia-box .info-box .area-datos {
		height: 230px;
		padding-bottom: 7px;
		overflow: hidden;
		font-family: 'Roboto', Helvetica, sans-serif, Arial;
	}
	
		/* Título */
		.bconferencia-box .info-box .area-datos h3 {
			font-family: 'Merriweather', Times New Roman;
			font-weight: 900;
			font-style: italic;
			font-size: 20px;
			margin: 0;
			padding: 0;
			line-height: 24px;
		}
		.bconferencia-box .info-box .area-datos h3 a {
			color: #860D5B;
			text-decoration: none;
			-webkit-transition: all 0.5s ease;
			   -moz-transition: all 0.5s ease;
				-ms-transition: all 0.5s ease;
				 -o-transition: all 0.5s ease;
					transition: all 0.5s ease;
		}
		
			/* HOVER */
			.bconferencia-box:hover .info-box .area-datos h3 a {
				color: #000;
				-webkit-transition: all 0.5s ease;
				   -moz-transition: all 0.5s ease;
					-ms-transition: all 0.5s ease;
					 -o-transition: all 0.5s ease;
						transition: all 0.5s ease;
			}
		
		/* Dirigida */
		.bconferencia-box .info-box .area-datos h4.dirigida {
			font-size: 14px;
			margin: 0;
			padding: 0;
			line-height: 16px;
			color: #999;
			font-weight: 300;
		}
		
		/* Fecha-Hora */
		.bconferencia-box .info-box .area-datos p.fecha-hora {
			font-size: 13px;
			line-height: 16px;
			color: #860D5B;
			font-weight: 400;
			margin-bottom: 13px;
		}
		.bconferencia-box .info-box .area-datos span.separador-fecha-hora {
			font-weight: 300;
			color: #bbb;
		}
		
		/* Box Descripción */
		.bconferencia-box .info-box .area-datos .box-descripcion p.about-conferencia {
			font-size: 13px;
			font-weight: 300;
			color: #777;
			margin: 0;
			padding: 0;
			margin-bottom: 13px;
		}
		
		/* Expositor */
		.bconferencia-box .info-box .area-datos .box-descripcion h4.expositor {
			font-size: 11px;
			margin: 0;
			padding: 0;
			line-height: 16px;
			color: #000;
			font-weight: 400;
		}
		.bconferencia-box .info-box .area-datos .box-descripcion h5.nombre-expositor {
			font-size: 14px;
			line-height: 16px;
			color: #860D5B;
			font-weight: 400;
			margin: 0;
			padding: 0;
		}
		
		/* Info de Expositor */
		.bconferencia-box .info-box .area-datos .box-descripcion p.about-expositor {
			font-size: 13px;
			font-weight: 300;
			color: #777;
			margin: 0;
			padding: 0;
			margin-bottom: 13px;
		}
		
	
	/* Área SEGUIR LEYENDO */
	.bconferencia-box .info-box .area-seguir-leyendo {
		height: 16px;
		line-height: 16px;
		padding-bottom: 8px;
		border-bottom: solid 1px #ddd;
		position: relative;
		z-index: 2;
		text-align: right;
		-webkit-box-shadow: 0 -5px 5px 3px rgba(255, 255, 255, 1.0);
		   -moz-box-shadow: 0 -5px 5px 3px rgba(255, 255, 255, 1.0);
				box-shadow: 0 -5px 5px 3px rgba(255, 255, 255, 1.0);
	}
	.bconferencia-box .info-box .area-seguir-leyendo a {
		line-height: 16px;
		text-decoration: none;
		font-size: 12px;
		font-family: 'Roboto', Helvetica, sans-serif, Arial;
		font-weight: 300;
	}
	
	
	/* Área BOTONES VER */
	.bconferencia-box .info-box .area-btns-ver {
		padding-top: 10px;
		height: 44px;
		font-family: 'Roboto', Helvetica, sans-serif, Arial;
	}
	.bconferencia-box .info-box .area-btns-ver a,
	.bconferencia-box .info-box .area-btns-ver a img {
		border: none;
		margin: 0;
		padding: 0;
	}
	
		/* Botón Play [Right] */
		.bconferencia-box .info-box .area-btns-ver a.btn-play-right {
			position: relative;
			margin-top: 8px;
			float: right;
		}
		
			/* HOVER */
			.bconferencia-box:hover .info-box .area-btns-ver a.btn-play-right img {
				-webkit-transition: all 0.5s ease;
				   -moz-transition: all 0.5s ease;
					-ms-transition: all 0.5s ease;
					 -o-transition: all 0.5s ease;
						transition: all 0.5s ease;
				-webkit-transform: rotate(360deg);
				   -moz-transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					 -o-transform: rotate(360deg);
						transform: rotate(360deg);
			}
		
		/* Ver también */
		.bconferencia-box .info-box .area-btns-ver p.ver-tambien {
			font-size: 12px;
			line-height: 12px;
			height: 12px;
			margin: 0;
			padding: 0;
			color: #666;
			font-weight: 300;
			padding-bottom: 2px;
		}
		
		/* Botones Sociales Ver También */
			/* HOVER */
			.bconferencia-box .info-box .area-btns-ver a:hover img {
				-webkit-transition: all 0.5s ease;
				   -moz-transition: all 0.5s ease;
					-ms-transition: all 0.5s ease;
					 -o-transition: all 0.5s ease;
						transition: all 0.5s ease;
				-webkit-transform: rotate(360deg);
				   -moz-transform: rotate(360deg);
					-ms-transform: rotate(360deg);
					 -o-transform: rotate(360deg);
						transform: rotate(360deg);
			}
	
	






/************************************
COLORBOX INFO CONFERENCIA [POPUP]
************************************/
#popup-info-conferencia {
	font-family: 'Roboto', Helvetica, sans-serif, Arial;
	color: #000;
	padding: 20px;
}

/* Cover */
#popup-info-conferencia img.cover {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

/* Título */
#popup-info-conferencia h3 {
	font-family: 'Merriweather', Times New Roman;
	font-weight: 900;
	font-style: italic;
	font-size: 20px;
	margin: 0;
	padding: 0;
	line-height: 24px;
	color: #860D5B;
}

/* Dirigida */
#popup-info-conferencia h4.dirigida {
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	color: #999;
	font-weight: 300;
}

/* Fecha-Hora */
#popup-info-conferencia p.fecha-hora {
	font-size: 14px;
	line-height: 16px;
	color: #860D5B;
	font-weight: 400;
	margin-bottom: 13px;
}
#popup-info-conferencia span.separador-fecha-hora {
	font-weight: 300;
	color: #bbb;
}

/* Descripción */
#popup-info-conferencia p.about-conferencia {
	font-size: 14px;
	font-weight: 300;
	color: #555;
	margin: 0;
	padding: 0;
	margin-bottom: 13px;
}

/* Expositor */
#popup-info-conferencia h4.expositor {
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 16px;
	color: #000;
	font-weight: 400;
	text-align: right;
}
#popup-info-conferencia h5.nombre-expositor {
	font-size: 14px;
	line-height: 16px;
	color: #860D5B;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* Info Expositor */
#popup-info-conferencia p.about-expositor {
	font-size: 14px;
	font-weight: 300;
	color: #555;
	margin: 0;
	padding: 0;
	margin-bottom: 13px;
	text-align: right;
}



/*====================================================================================
	FORMULARIO DE CONTACTO
====================================================================================*/
#box-formulario-contacto {
	font-family: 'Roboto', Helvetica, sans-serif, Arial;
	color: #fff;
	padding: 20px;
	background-color: #860D5B;
	height: 350px;
}
#box-formulario-contacto h2.contactenos-titulo {
	font-family: 'Roboto', Helvetica, sans-serif, Arial;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
#box-formulario-contacto p.contactenos-subtitulo {
	font-family: 'Roboto', Helvetica, sans-serif, Arial;
	font-weight: 900;
	font-size: 13px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}
#box-formulario-contacto form#formulario-contacto div.input-box {
	margin-bottom: 20px;
}
#box-formulario-contacto form#formulario-contacto div.input-box input,
#box-formulario-contacto form#formulario-contacto div.input-box textarea {
	background-color: #fff;
	border: solid 1px #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	width: 238px;
	color: #860D5B;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
}
#box-formulario-contacto form#formulario-contacto div.input-box input {
	height: 30px;
}
#box-formulario-contacto form#formulario-contacto div.input-box textarea {
	height: 110px;
	padding-top: 7px;
	padding-bottom: 7px;
}

#box-formulario-contacto form#formulario-contacto div.input-box input.error,
#box-formulario-contacto form#formulario-contacto div.input-box textarea.error {
	background-color: #990000;
	color: #fff;
	-webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
}
.form-error {
	color: #fff;
	font-size: 11px;
	float: right;
}



/*====================================================================================
	MENSAJES DE CONFIRMACIÓN
====================================================================================*/
.mensaje-confirmacion {
	position: relative;
	z-index: 11;
	padding: 10px;
	font-family: Arial, Verdana;
	color: #ffffff;
	-webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.5);
}
.mensaje-confirmacion .btn-cerrar {
	float: right;
	width: 13px;
	height: 13px;
	line-height: 13px;
	cursor: pointer;
	margin-left: 10px;
	text-align: center;
	font-size: 9px;
	border: solid 1px #ffffff;
	background-image: url(../images/btn-cerrar.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #007ac2;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
			border-radius: 2px;
}
.mensaje-confirmacion .btn-cerrar:hover {
	background-color: #000000;
}
.mensaje-confirmacion h4 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #ffffff;
}
.mensaje-confirmacion p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 15px;
}
.mensaje-confirmacion a {
	color: #ffffff;
}

/*======================
	MENSAJE POSITIVO
======================*/
.mensaje-positivo {
	background-color: #333333;
}

/*======================
	MENSAJE NEGATIVO
======================*/
.mensaje-negativo {
	background-color: #990000;
}








































/*====================================================================================
	CHAT
====================================================================================*/
#chat-section {
	
}
#chat-section #chat-container {
	height: 180px;
	background-color: #fff;
	position: relative;
	z-index: 2;
	display: none;
	-webkit-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
}
#chat-section #chat-container-box {
	height: 180px;
	background-color: #fff;
	margin: 0 auto;
	width: 960px;
}
#chat-section #chat-slider-container {
	background-color: #E5E5E5;
}
#chat-section #chat-slider-btn {
	width: 150px;
	line-height: 40px;
	background-color: #860D5B;
	cursor: pointer;
	margin: 0 auto;
	text-align: center;
	height: 40px;
	color: #fff;
	position: relative;
	z-index: 1;
	font-family: 'Roboto', Helvetica, sans-serif, Arial;
	font-weight: 400;
	font-size: 16px;
	-webkit-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.6), 0 -15px 15px 0 rgba(0, 0, 0, 0.7) inset;
	   -moz-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.6), 0 -15px 15px 0 rgba(0, 0, 0, 0.7) inset;
			box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.6), 0 -15px 15px 0 rgba(0, 0, 0, 0.7) inset;
	-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
	   -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
	-webkit-border-radius: 0 0 10px 10px;
	   -moz-border-radius: 0 0 10px 10px;
			border-radius: 0 0 10px 10px;
}
#chat-section #chat-slider-btn:hover {
	background-color: #6c144b;
	-webkit-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.6), 0 -15px 15px 0 rgba(0, 0, 0, 0.9) inset;
	   -moz-box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.6), 0 -15px 15px 0 rgba(0, 0, 0, 0.9) inset;
			box-shadow: 0 3px 4px 0px rgba(0, 0, 0, 0.6), 0 -15px 15px 0 rgba(0, 0, 0, 0.9) inset;
}