@charset "utf-8";


/* CSS Document */

/*Global*/

ul, li{margin:0;padding:0;font-weight:normal;list-style:none;}
a{text-decoration:none;	font-style:none; }



/*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;}
ul, ol{position:relative;}



body {background: #1A1A1A  url(img/fd.png) repeat-y center 5px;background-position:center ;margin: 0px;padding: 0px;font-family:Arial, Helvetica, sans-serif;	font-size:12px;}
.clear{float:none; clear:both; height:0; line-height:0;}
img{border:none}


#contenedor_header{margin:0 auto;}

#contenedor{width:970px; margin:auto}



#header{ width:970px; height:317px; display:block; background:url(img/header.png) no-repeat; position:relative; margin:auto; padding:0 0 6px 0}
#header .lang{
	position:absolute;
	width: 61px;
	height: 21px;
	left: 420px;
	top: 25px;
}


#header ul { display:block; position:absolute; bottom:55px; left:0 }
#header ul li{ display:block; float:left; padding:5px 25px 5px 20px; background: url(img/separa.gif) no-repeat right }
#header ul li a{ font:17px   Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; font-weight:bold}

#header .lang a{
	width:25px;
	height:17px;
	display:inline;
	float:left;
	margin-right:5px;
	
}
#header a.logo{
	position:absolute;
	width: 542px;
	height: 114px;
	left: 224px;
	top: 66px;
}
#header a.acc{
	position:absolute;
	width: 116px;
	height: 131px;
	left: 840px;
	top: 149px;
}

#header #menu{
	position:absolute;
	left: 9px;
	top: 228px;
	width: 826px;
	margin:0px;
	padding:0px;
}
#header #menu li {
	float:left;
	list-style:none;
	margin-right:15px;
}
#header #menu li a{height:39px; display:block; text-decoration:none }

#header #menu li.home{width:89px}
#header #menu li.acceso{width:360px}
#header #menu li.compra{width:210px}
#header #menu li.soporte{width:107px}

#header span.salasonline{
	position:absolute;
	color:#FFF;
	font-weight:bold;
	right:245px;
	top: 297px;
	font-size:12px;
}

























#colizq{
	float:left;
	width:735px;
	padding-left:6px;
}
#colizq #cams {
	display:block;
	/*background-image:url(img/cams-back.png);*/
}

#colizq #cams .top{ background:url(img/cams-top.png) no-repeat; width:735px; height:22px}
#colizq #cams .bottom{ background:url(img/cams-bottom.png) no-repeat; width:735px; height:22px}

#colizq #cams #camswrap {
	display:block;
	padding-left:18px;
	background:url(img/fd_camaras.png);
	
}
#colizq #cams #camswrap div.mod{
	display:block;
	float:left;
	width:176px;
	height:202px;
	background-image:url(img/cams-mod.png);
	position:relative;
	margin-bottom:10px;
}

/*#colizq #cams #camswrap div.mod .tit{
	position:absolute;
	left: 28px;
	top: 6px;
	width: 141px;
	color:#ffffff;
}
#colizq #cams #camswrap div.mod .pic{
	position:absolute;
	left: 4px;
	top: 28px;
	width: 159px;
	height: 121px;
}

#colizq #cams #camswrap div.mod .btn{
	position:absolute;
	left:42px;
	bottom: 15px;
	width: 95px;
	height: 33px;
}


#colizq #cams #camswrap div.mod .btn a{ background:url(img/fd_entrar.png) no-repeat; display:block; width:95px; height:33px}

*/




#colizq #cams #camswrap div.mod .tit{
	position:absolute;
	left: 28px;
	top: 6px;
	width: 141px;
	color:#000000;
}
colizq #cams #camswrap div.mod .pic{
	position:absolute;
	left: 38px;
	top: 79px;
	width: 159px;
	height: 121px;
}


colizq #cams #camswrap div.mod .emah{
	position:absolute;
	left: 55px;
	top: 195px;
	font-size:10px;
	font-weight:bold;
	color:#537CB9;
}
colizq #cams #camswrap div.mod .lang{
	position:absolute;
	left: 142px;
	top: 209px;
	width: 42px;
}







#colizq #cams #camswrap div.mod .emah{
	position:absolute;
	left: 32px;
	top: 154px;
	font-size:10px;
	font-weight:bold;
	color:#000000;
}



#colizq #cams #camswrap div.mod .lang{
	position:absolute;
	right:11px;
	bottom: 17px;
	width: 50px;
}

#colizq #cams #camswrap div.mod .lang a{ margin: 0 0 3px 3px; display:block; float:left}


#colizq #pagination {
	display:block;
	text-align:center;
	padding:20px 0px;
	
}

#colizq #pagination a{color:#000000; text-decoration:none}
#colizq #pagination a:hover{text-decoration:underline}
#colizq #pagination a.num{line-height:23px; padding:6px 10px; background-color:#6cccd8;color:#000000}
#colizq #pagination a.num:hover{text-decoration:none; color:#990000; background-color:#6cccd8}
#colizq #pagination a.numselect{line-height:23px; padding:6px 10px; text-decoration:none; color:#000; background-color:#ffffff}
#colizq .topwebs{background-image:url(img/topwebs.png); height:46px; overflow:hidden; display:block; margin:20px 0px; padding:25px 30px 0px 30px}
#colizq .topwebs a{width:20%; display:block; float:left; text-align:center; color:#333; text-decoration:none}
#colizq .topwebs a:hover{color:#000}

#colder{
	float:right;
	width:229px;
}

#colder .dermod1{
	width:205px;
	display:block;
	margin:0px auto;
	padding:0 0 8px 0 ;
	#padding:0 0 20px 0 ;
	margin-bottom:10px;
	background:url(img/der-mod1_bottom.png) no-repeat bottom
	
}
#colder .dermod1 h2{
	background:url(img/der-mod1.png) no-repeat;
	margin:0px;
	padding:10px 0 15px 0;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	line-height:13px;
	text-transform:uppercase;
	display:block; 
	width:205px
	
}
#colder .dermod1 .cuerpo{ background: url(img/fd-mod1.png) repeat-y; width:205px; margin:0}
#colder .dermod1 .cuerpo p{padding-left:15px; padding-right:15px; color:#000; margin-top:0}

#colder .dermod2{
	/*background-image:url(img/der-mod2.png);*/
	width:205px;
	display:block;
	margin:0px auto;
	margin-bottom:10px;
	position:relative;
	background:url(img/der-mod1_bottom.png) no-repeat bottom;
	padding:5px 0 20px 0
}
#colder .dermod2 h2{font-size:20px; text-align:left; padding:10px 0 16px 44px; margin:0px; color:#FFF; background:url(img/fd-mod2_top.png) no-repeat}
#colder .dermod2 .cuerpo{ background: url(img/fd-mod1.png) repeat-y; width:205px; margin:0; position:relative}
#colder .dermod2 .cuerpo .camara{ background:url(img/cams-mod.png) no-repeat; width:176px; height:202px; margin:0 0 0 17px; position:relative} 

#colder .dermod2 .cuerpo .camara .tit{
	position:absolute;
	left: 28px;
	top: 5px;
	width: 141px;
	color:#000;
}
#colder .dermod2 .cuerpo .camara .pic{
	position:absolute;
	left: 38px;
	top: 42px;
	width: 159px;
	height: 121px;
}


#colder .dermod2 .cuerpo .camara .emah{
	position:absolute;
	left: 31px;
	top: 155px;
	font-size:10px;
	font-weight:bold;
	color:#000000;
}
#colder .dermod2 .cuerpo .camara .lang{
	position:absolute;
	Right: 15px;
	top: 169px;
	width: 42px;
}


#colder .dermod3{
	/*background-image:url(img/der-mod2.png);*/
	width:205px;
	display:block;
	margin:0px auto;
	margin-bottom:10px;
	margin-top:22px;
	position:relative;
	/*background:#610d81;*/
	padding:0px 0px 0px 0px;
	position:relative;
}

#colder .dermod3 .top{background:url(img/der-mod3_top.png) no-repeat; height:20px;  width:205px; }
#colder .dermod3 .bottom{background:url(img/der-mod3_bottom.png) no-repeat; height:20px;  width:205px; }
#colder .dermod3 .cuerpo{ background: url(img/fd-mod1.png) repeat-y; width:205px; margin:0}


#colder .dermod3 .cuerpo .banner{background: #FFFFFF}
#colder .dermod3 .cuerpo .right{}



#colder .banner{
	background-color:#4F4F4F;
	height:204px;
	width:170px;
	display:block;
	margin:5px auto;
	padding:20px;
	color:#FFF;
	
}
.backdiv{background-image:url(img/backdiv.png); height:18px; display:block; width:210px; margin:0 auto;}

#footer{display:block; background-color:#000000; color:#fff; text-align:center; padding:20px; margin-top:30px}
#footer p{padding:0px; margin:0px; font-size:12px}
#footer p a{color:#ffffff; text-decoration:none}
#footer p a:hover{text-decoration:underline}
#footer p.chico{font-size:10px}

#Cont{background:url(img/fd_camaras.png) repeat-y; margin:0}


#logos{ position:relative; width:800px; height:150px; background:url(img/fd_logos.png) no-repeat 0 0; margin:20px 0 0 0; }
#logos h1{ display:block; background:url(img/lg_cyber.png) no-repeat; display:block; width:340px; height:86px; position:absolute; top:-16px;#top:0; left:8px}
#logos h1 a{ display:block; widht:340px; height:86px}
#logos h2{ display:block; background:url(img/entra_ya.png) no-repeat; display:block; width:229px; height:88px; top:-19px;#top:-4px; position:absolute; right:239px}
#logos h2 a{ display:block; widht:338px; height:88px}
#logos p{ position:absolute; display:block; width:370px; right:100px; color:#FFFFFF; font:15px Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; line-height:13px; top:-5px}