@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#0066cb url(img/header.jpg) no-repeat center top;
}
.clear{float:none; clear:both; height:0; line-height:0;}
img{border:none}
#contenedor{width:970px; margin:0 auto;}
#header{height:323px; display:block; position:relative}
#header .lang{
	position:absolute;
	width: 61px;
	height: 21px;
	left: 19px;
	top: 9px;
}
#header .lang a{
	width:25px;
	height:17px;
	display:inline;
	float:left;
	margin-right:5px;
	
}
#header a.logo{
	height:165px;
	left:17px;
	position:absolute;
	top:45px;
	width:367px;
}
#header a.acc{
	position:absolute;
	width: 116px;
	height: 131px;
	left: 840px;
	top: 149px;
}

#header #menu{
	position:absolute;
	left: 9px;
	top: 238px;
	width: 948px;
	margin:0px;
	padding:0px;
}
#header #menu li {
	float:left;
	list-style:none;
	margin-right:2px;
	
}
#header #menu li a{height:39px; display:block; text-decoration:none; color:#fff; font-weight:bold; font-size:19px; text-align:center; }
#header #menu li a:hover{ color:#CCC;}

#header #menu li.home{width:126px}
#header #menu li.acceso{width:389px}
#header #menu li.compra{width:254px}
#header #menu li.soporte{width:169px}

#header span.salasonline{
	position:absolute;
	color:#FFF;
	font-weight:bold;
	left: 593px;
	top: 300px;
	font-size:12px;
}

#colizq{
	float:left;
	width:736px;
	padding-left:6px;
}
#colder div.mod .pic{
	position:absolute;
	left: 4px;
	top: 28px;
	width: 159px;
	height: 121px;
}
#colder div.mod .emah{
	position:absolute;
	left: 30px;
	top: 154px;
	font-size:10px;
	font-weight:bold;
	color:#000;
}
#colder div.mod .lang{
	position:absolute;
	left: 118px;
	top: 169px;
	width: 42px;
}
.display{ display:block;}
#colder div.mod .tit{
	position:absolute;
	left: 28px;
	top: 6px;
	width: 141px;
	color:#000;
}
#colder div.mod{
	display:block;
	float:left;
	width:176px;
	height:202px;
	background:url(img/der-cams.jpg) no-repeat;
	position:relative;
	margin-left:17px;
}
#colizq #cams {
	display:block;
	background-image:url(img/cams-back.jpg);
}
#colizq #cams #camswrap {
	display:block;
	
	padding-left:18px;
}
#colizq #cams #camswrap div.mod{
	display:block;
	float:left;
	width:176px;
	height:202px;
	background:url(img/cams-mod.jpg) no-repeat;
	position:relative;
	margin-bottom:10px;
}

#colizq #cams #camswrap div.mod .tit{
	position:absolute;
	left: 28px;
	top: 6px;
	width: 141px;
	color:#000;
}
#colizq #cams #camswrap div.mod .pic{
	position:absolute;
	left: 4px;
	top: 28px;
	width: 159px;
	height: 121px;
}
#colizq #cams #camswrap div.mod .emah{
	position:absolute;
	left: 30px;
	top: 154px;
	font-size:10px;
	font-weight:bold;
	color:#000;
}
#colizq #cams #camswrap div.mod .lang{
	position:absolute;
	left: 118px;
	top: 169px;
	width: 42px;
}
#colizq #pagination {
	display:block;
	text-align:center;
	padding:20px 0px;
	margin-bottom:35px;
	
}
#colizq #pagination a{color:#fff; text-decoration:none}
#colizq #pagination a:hover{text-decoration:underline}
#colizq #pagination a.num{line-height:23px; padding:6px 10px; background-color:#000;color:#fff}
#colizq #pagination a.num:hover{text-decoration:none; color:#000; background-color:#fff}
#colizq #pagination a.numselect{line-height:23px; padding:6px 10px; text-decoration:none; color:#000; background-color:#fff}

#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:228px;
}

#colder .dermod1{
	width:206px;
	display:block;
	margin:0px auto;
	margin-bottom:10px;
	background-image:url(img/linea.jpg);
	background-repeat: repeat-y;
	height:auto!important;
	height:206px;
	min-height:206px;
}
#colder .dermod1 h1{
	
	margin:0px;
	padding:10px 0px 0px 0px;
	color:#fff;
	font-size:12px;
	text-align:center;
	line-height:12px;
	height:40px;
	display:block;
	font-family:"Times New Roman", Times, serif;
	background:url(img/der-top.jpg) no-repeat;
	
}
#colder .dermod1 h1 span{color:#FFF}
#colder .dermod1 p{padding-left:15px; padding-right:15px; color:#000; margin-top:5px}

#colder .dermod2{
	background-image:url(img/linea.jpg);
	background-repeat: repeat-y;
	width:206px;
	display:block;
	margin:0px auto 11px;
	position:relative;
}
#colder .dermod2 h2{font-size:20px; text-align:left; padding-left:50px; margin:0px; color:#FFF; font-family:"Times New Roman", Times, serif; padding-top:10px;background:url(img/der-top3.jpg) no-repeat; height:50px;}
#colder .dermod2 .tit{
	position:absolute;
	left: 46px;
	top: 56px;
	width: 141px;
	color:#000;
}
#colder .dermod2 .pic{
	position:absolute;
	left: 38px;
	top: 72px;
	width: 159px;
	height: 121px;
}
#colder .dermod2 .emah{
	position:absolute;
	left: 48px;
	top: 205px;
	font-size:10px;
	font-weight:bold;
	color:#000;
}
#colder .dermod2 .lang{
	position:absolute;
	left: 154px;
	top: 216px;
	width: 42px;
}
.cont{
	height:auto !important
	height:200px;
	min-height:200px;
	padding:0 20px;
}
#colder .banner{
	width:206px;
	display:block;
	margin:5px auto;
	padding:0px;
	color:#000;
	background:url(img/linea.jpg) repeat-y;
	
}
.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:#fff; text-decoration:none}
#footer p a:hover{text-decoration:underline}
#footer p.chico{font-size:10px}