@charset "utf-8";
*{ margin:0; padding:0;}
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(img/bg_15253.png) repeat -35px -12px ;
	 
	
}
.clear{float:none; clear:both; height:0; line-height:0;}
img{border:none}
#contenedor{width:970px; margin:0 auto;}
#header{height:321px; display:block; position:relative; background:url(img/header.jpg) no-repeat; margin-bottom:5px;}
#header .lang{
	position:absolute;
	width: 67px;
	height: 21px;
	left: 183px;
	top: 25px;
}
#header .lang a{
	width:28px;
	height:17px;
	display:inline;
	float:left;
	margin-right:5px;
	
}
#header a.logo{
height:135px;
left:35px;
position:absolute;
top:64px;
width:480px;
}
#header a.acc{
	position:absolute;
	width: 116px;
	height: 131px;
	left: 840px;
	top: 149px;
}

#header #menu{
	position:absolute;
	left: 4px;
	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:#000; font-weight:bold; font-size:17px; text-align:center;padding-top:3px; }
#header #menu li a:hover{ color:#fff}

#header #menu li.home{width:129px}
#header #menu li.acceso{width:383px}
#header #menu li.compra{width:248px}
#header #menu li.soporte{width:178px}

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

#colizq{
	float:left;
	width:735px;
	padding-left:4px;
}
#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;
}
#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 #camswrap div.mod .tit{
	position:absolute;
	left: 28px;
	top: 6px;
	width: 141px;
	color:#000;
}
#colder 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;
}
.display{ display:block; clear:both;}
#colizq #cams #camswrap div.mod .lang{
	position:absolute;
	left: 118px;
	top: 169px;
	width: 42px;
}
#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;
}
#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;
	margin-right:2px;
}

#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:#000;
	font-size:12px;
	text-align:center;
	line-height:12px;
	height:41px;
	display:block;
	
	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:18px; text-align:left; padding-left:50px; margin:0px; color:#000;  serif; padding-top:10px; height:50px;background:url(img/der-top3.jpg) no-repeat;}
#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}