@charset "utf-8";



*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.gif) 1px -38px;
	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; background:url(img/fd_header_pixel.gif) repeat-x}

#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: 198px;
	top: 35px;
}
#header .lang a{
	width:25px;
	height:17px;
	display:inline;
	float:left;
	margin-right:5px;
	
}
#header a.logo{
	position:absolute;
	width: 479px;
	height: 188px;
	left: 21px;
	top: 18px;
}
#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;
	left: 799px;
	top: 290px;
	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;
}
#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 .emah{
	position:absolute;
	left: 32px;
	top: 154px;
	font-size:10px;
	font-weight:bold;
	color:#537CB9;
}
#colizq #cams #camswrap div.mod .lang{
	position:absolute;
	right: 13px;
	top: 154px;
	width: 20px;
}

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


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

#colizq #pagination a{color:#537CB9; text-decoration:none}
#colizq #pagination a:hover{text-decoration:underline}
#colizq #pagination a.num{line-height:23px; padding:6px 10px; background-color:#ffffff;color:#537CB9}
#colizq #pagination a.num:hover{text-decoration:none; color:#FF00FF; background-color:#ffffff}
#colizq #pagination a.numselect{line-height:23px; padding:6px 10px; text-decoration:none; color:#FFF; background-color:#0071bb}
#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-top:5px;
	margin-bottom:10px
}
#colder .dermod1 h1{
	background-image:url(img/der-mod1.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:2px 0px 0px 0px;
	color:#000;
	font-size:12px;
	text-align:center;
	line-height:12px;
	height:33px;
	display:block;
	text-transform:uppercase
	
}
#colder .dermod1 h1 span{color:#FFF}
#colder .dermod1 p{padding-left:15px; padding-right:15px; color:#FFF; margin-top:5px}

#colder .dermod2{
	background-image:url(img/der-mod2.png);
	height:248px;
	width:205px;
	display:block;
	margin:0px auto;
	position:relative;
	padding-top:5px;
}
#colder .dermod2 h1{font-size:20px; text-align:left; padding-left:50px; margin:0px; color:#FFF}
#colder .dermod2 .tit{
	position:absolute;
	left: 45px;
	top: 46px;
	width: 141px;
	color:#537CB9;
}
#colder .dermod2 .pic{
	position:absolute;
	left: 23px;
	top: 69px;
	width: 157px;
	height: 120px;
}


#colder .dermod2 .emah{
	position:absolute;
	left: 55px;
	top: 195px;
	font-size:10px;
	font-weight:bold;
	color:#537CB9;
}
#colder .dermod2 .lang{
	position:absolute;
	left: 142px;
	top: 209px;
	width: 42px;
}
#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:#000; 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}


#logos{ position:relative; width:800px; height:150px; background:url(img/fd_logos.png) no-repeat; margin:0 0 0 26px}
#logos h1{ display:block; background:url(img/lg_cyber.png) no-repeat; display:block; width:398px; height:149px; position:absolute; top:-14px;#top:2px; left:-38px}
#logos h1 a{ display:block; 398px; height:149px}
#logos h2{ display:block; background:url(img/entra_ya.png) no-repeat; display:block; width:338px; height:149px; top:35px;#top:50px; position:absolute; right:65px}
#logos h2 a{ display:block; 338px; height:149px}
#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;top:12px}