@charset "utf-8";
/* CSS Document */


body, div, h1, h2, h3, h4, h5, h6, ul, li, p, form, ol, dd, dt, dl{margin:0;padding:0;font-weight:normal;list-style:none;}
body{height:100%;font:12px/15px Helvetica,Tahoma, Arial, Helvetica, sans-serif;color:#000000;}
h1, h2, h3, h4, h5, h6{line-height:normal;}
img{border:0;}
a{color:#000;text-decoration:none;font-style:normal;font:1.1em Arial, Helvetica, sans-serif }
a:hover{color:#000;font-style: oblique;font:1.1em Arial, Helvetica, sans-serif }
h1 a:hover{color: #0394f1;}
p{font:1.1em Arial, Helvetica, sans-serif}
h1{ font:2.0em  Georgia, "Times New Roman", Times, serif;}
h2{font:1.5em Georgia, "Times New Roman", Times, serif;}
h3{ font:2.0em Georgia, "Times New Roman", Times, serif }
label{ font:1.0em Georgia, "Times New Roman", Times, serif}


/* join webcam */
.join_webcam {
	display:block;
	float:left;
	width:230px;
}


/*FIXES*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;} 
* html .clearfix{height:1%}
.clearfix{display:block;} 
.dupfix{float:left;width:1px;height:0px;line-height:0px;visibility:hidden;}

body{ background:url(../img/fd_webcam.gif)}
.ContGral{ width:978px; margin:auto}
.ContGral .hd{ background:url(../img/fd_header.png) no-repeat; width:978px; height:406px}
.ContGral .hd h1{ font:24px Arial, Helvetica, sans-serif; color:#A49EDF; display:block;padding:260px 0 0 45px}
.ContGral .hd h1 span{color:#6D61A2}
.ContGral .hd ul{display:block; margin:34px 0 0 50px}
.ContGral .hd ul li{display:block; float:left; font:14px Arial, Helvetica, sans-serif; color:#FFF; width:146px; text-align:center; text-transform:uppercase}
.ContGral .hd ul li a{font:14px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; text-align:center}
.ContGral .hd ul li a:hover{ text-decoration:underline}

.ContGral .bd{width:978px}
.ContGral .bd .CajaCel{width:978px; background:url(../img/fd_caja_celeste.png) no-repeat; width:978px; text-align:center; padding:40px 0 0 0; height:104px}
.ContGral .bd .CajaCel h2{ font:21px Arial, Helvetica, sans-serif; font-weight:bold}
.ContGral .bd .CajaCel h3{ font:16px Arial, Helvetica, sans-serif; color:#A263A9; line-height:19px}
.ContGral .bd .CajaBlan{}
.ContGral .bd .CajaBlan .Top{ background:url(../img/top_caja_blanca.png) no-repeat 0 0; width:942px;padding:24px 0 0 36px}
.ContGral .bd .CajaBlan .Top h2{ font:24px Arial, Helvetica, sans-serif; color:#0071BC; font-weight:bold}

.ContGral .bd .CajaBlan .Medio{ background:url(../img/fd_caja_blanca.png) repeat-y; padding:7px 10px 0 28px}
.ContGral .bd .CajaBlan .Medio ul{ display:block}
.ContGral .bd .CajaBlan .Medio ul li {display:block; background:url(../img/img_webcam.png) no-repeat -8px -2px; padding: 7px 0 5px 40px; border-bottom:1px solid #d6d6d6; float:left; width:268px}
.ContGral .bd .CajaBlan .Medio ul li.Sbd{ border:none}
.ContGral .bd .CajaBlan .Medio ul li a{ font:17px Arial, Helvetica, sans-serif; color:#6D61A2; font-weight:bold}
.ContGral .bd .CajaBlan .Medio ul li p{ font:14px Arial, Helvetica, sans-serif; color:#000; font-weight:bold}

.ContGral .bd .CajaBlan .Bottom{ background:url(../img/bottom_caja_blanca.png) no-repeat 0 -10px; width:942px;padding:44px 0 0 36px}
.ContGral .bd .CajaBlanCam .Bottom{ background:url(../img/bottom_caja_blanca.png) no-repeat 0 0; width:942px;padding:44px 0 0 36px}
.ContGral .bd .CajaBlanCam .Top{ height:30px}
.ContGral .bd .CajaBlanCam .Medio{ background:url(../img/fd_caja_blanca.png) repeat-y; padding:7px 10px 0 18px}
.ContGral .bd .CajaBlanCam .Medio .texto{ float:left; width:535px; margin:0 0 0 23px}
.ContGral .bd .CajaBlanCam .Medio .texto p{ font:18px Arial, Helvetica, sans-serif; color:#000}
.ContGral .bd .CajaBlanCam .Medio .texto p span{font:24px Arial, Helvetica, sans-serif; color:#A49EDF}
.ContGral .bd .CajaBlanCam .Medio .entra{ display:block; font:20px Arial, Helvetica, sans-serif; color:#FFF; background:url(../img/btn_entra.png) no-repeat; width:316px; text-align:center; padding:30px 0 35px 0; float:right; margin:3px 15px 0 0}
.ContGral .bd .CajaBlanCam .Medio .entra:hover{ text-decoration:underline}
.ContGral .bd .CajaTrans{ background:url(../img/fd_transparete.png) no-repeat 0 -25px; width:863px; text-align:center; padding:25px 0 20px 0; margin:0 0 0 60px}
.ContGral .bd .CajaTrans p{font:15px Arial, Helvetica, sans-serif; color:#000; width:860px}
.ContGral .bd .CajaBlanCam .Medio ul{display:block}
.ContGral .bd .CajaBlanCam .Medio ul li{display:block; background:url(../img/fd_camara.png) no-repeat; width:235px; height:252px; border:none; position:relative; padding:0; margin:0}
.ContGral .bd .CajaBlanCam .Medio ul li .foto{ position:absolute; top:84px; left:40px; width:161px; height:121px}
.ContGral .bd .CajaBlanCam .Medio ul li .ban1{ position:absolute; top:64px; left:38px}
.ContGral .bd .CajaBlanCam .Medio ul li .ban2{ position:absolute; top:64px; left:63px}
.ContGral .bd .CajaBlanCam .Medio ul li .ban3{ position:absolute; top:64px; left:163px}
.ContGral .bd .CajaBlanCam .Medio ul li .ban4{ position:absolute; top:64px; left:188px}
.ContGral .bd .CajaBlanCam .Medio ul li .nombre{ font:12px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; position:relative; top:206px; left:96px; padding:0; margin:0; display:block; width:140px}
.ContGral .bd .CajaBlanCam .Medio ul li .nombre a, .ContGral .bd .CajaBlanCam .Medio ul li .nombre a:visited, .ContGral .bd .CajaBlanCam .Medio ul li .nombre a:hover {color:#FFFFFF;}
.ContGral .bd .CajaBlanCam .Medio ul li .emite{ font:10px Arial, Helvetica, sans-serif; color:#03FF00; font-weight:bold; position:relative; top:204px; left:103px; width:140px}
.ContGral .bd .CajaBlanCam .Medio ul li .emite span{ color:#FFF}
.ContGral .bd .pag{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}
.ContGral .bd .pag .anterior{ background:url(../img/btn_pag.png) no-repeat; width:154px; display:block; font:13px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#FFF; text-align:center; padding:20px 0 25px 0; float:left}
.ContGral .bd .pag .siguiente{ background:url(../img/btn_pag.png) no-repeat; width:154px; display:block; font:13px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#FFF; text-align:center; padding:20px 0 25px 0; float:left}
.ContGral .bd .pag a:hover{ text-decoration:underline}
.ContGral .ft{ background:url(../img/fd_footer.png) repeat-x; width:978px; padding:65px 0 21px 0}
.ContGral .ft ul{ display:inline-block; margin:0 0 0 120px}
.ContGral .ft ul li{ display:block; float:left; text-align:center; border-right:1px solid #fff; padding:0 6px 0 6px}
.ContGral .ft ul li.Sbd{ border:none}
.ContGral .ft ul li a{ font:15px Arial, Helvetica, sans-serif; color:#FFF}