@CHARSET "UTF-8";

BODY {
	margin: 0;
	padding: 0;
	background-image: url('../images/background_body.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	width:100%;
}
#contenedor-principal {
	position:absolute;
	left:50%;
	margin:0 0 0 -490px;
	width:980px;
}
#arriba {
	width:100%;
	height:130px;
}
#logo {
	position:absolute;
}
#titulo {
	position:absolute;
	left:50%;
	margin:31px 0 0 -210px;
}
#enmedio {
	width:980px;
	height:640px;
}
#izquierda {
	width:488px;
	height:640px;
	float:left;
	border-right:2px solid #000;
}
#texto {
	margin:5px 0 0 0 ;
}
#izquierda #img1,#izquierda #img2,#izquierda #img3,#izquierda #img4,#izquierda #img5,#izquierda #img6 {
	margin:0 0 0 250px;
}
#derecha {
	width:488px;
	height:640px;
	float:right;
}
#derecha #img7,#derecha #img8,#derecha #img9,#derecha #img10,#derecha #img11,#derecha #img12 {
	margin:0 0 0 32px;
}
#derecha #img7 {
	margin-top:8px;
}
#izquierda img, #derecha img {
	border: none;
}
#flecha {
	width:180px;
	height:108px;
	color:#fff;
	font-weight:bold;
	font-family:san-serif;
	text-align:center;
	background:url('../images/flecha.png') no-repeat;
}
#texto-flecha{
	position:absolute;
	font-family:arial,san-serif;
	margin:32px 0 0 50px;
	padding: 3px 0 0 0;
}
* html #texto-flecha{
	margin:35px 0 0 -40px;
}
#contenedor-botones {
    width: 700px;
    height: 100px;
    float: right;
    margin: -106px 0 0 -64px;
}
#contenedor-botones a {
	text-decoration:none;
	color:#000;
}
.boton-amarillo {
	width:211px;
	height:39px;
	float:left;
	margin:5px;
	text-align:center;
	line-height:39px;
	font-weight:bold;
	font-family:arial,san-serif;
	background:url('../images/boton.png') no-repeat;
}
#boton16 {
	clear:both;
}
/***********************************************************************
	Protege
************************************************************************/
#cubre {
	width: 100%;
	height: 1000px;
	background: url('/templates/webinars/images/sombra.png');
	position: absolute;
	z-index: 99;
}
#login {
	background:#808080;
	color:#3C3C3C;
	font-family:arial,sans-serif;
	font-size:20px;
	width:290px;
	height:310px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-160px 0 0 -150px;
	z-index:100;
	text-align:center;
	padding:5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#usuario, #password {
	width:250px;
	height:30px;
	line-height:30px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:none;
	font-size:16px;
	nargin: 1px 1px 1px 1px;
}
#ingresar {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height:30px;
	width:100px;
	border:none;
	color:#FFF;
	background:#3C3C3C;
	cursor:pointer;
}
#mensaje {
	display:none;
	font-size:12px;
}
#intro {
	background:#808080;
	color:#FFF;
	font-family:arial,sans-serif;
	font-size:20px;
	width:700px;
	height:500px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-270px 0 0 -370px;
	z-index:100;
	text-align:justify;
	padding:20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#cerrar {
	width:100%;
	text-align:right;
}
#cerrar a {
	color:#FFF;
	text-decoration:none;
}