@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0; outline:none;
}
body {
	background:url(../images/bg.jpg) repeat-x;
}
/*HEAD*/
#head {
	width:1000px;height:120px;
	margin:auto;
	background:url(../images/logosercom.jpg) no-repeat center left;
}
/*menu*/
#menu {
	height:30px;
	width:960px;
	margin:auto;
	font-family:"Trebuchet MS", arial, helvetica;
	font-weight:bold;
}
#nav {
	float:left;
}
#nav li {
	list-style:none;
	float:left;
	width:160px;
	line-height:30px;
}
#nav li a {
	display:block;
	color:#fff;
	height:30px;
	text-decoration:none;
	padding:0 0 0 15px; font-size:12pt;
}
#nav li a:hover {
	color:#1b75bb;
}
#nav li:hover ul {display:block;
}
#nav li ul {
	position:absolute;
	padding:0 0 15px 0;
	color:#666;
	float:left;
	background:url(../images/menu.png) bottom no-repeat;
	width:192px; display:none;
/*opacity:.9; border:1px solid orange; -moz-border-radius:0 0 6px 6px;  -webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px; -moz-box-shadow: 0px 5px 10px black; -webkit-box-shadow: 0px 5px 10px #000;*/
}
#nav li  li a {
	color:white;
	height:20px;
	padding:0 0 6px 0;
	font-weight:bold;
	font-size:10pt;
}
#nav li  li a:hover {
	text-decoration:underline;
}
#nav li  li {
	list-style:url(../images/list.png);
	margin:0 0 0 25px; 
}
/*HEAD B*/

#headbis {
	width:450px;
	height:150px;
	background:url(../images/headbis.jpg) no-repeat left; float:left;
}
#headbis h1 {
	font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
	font-size:14pt;
	width:500px;
	color:white;
	padding:15px 0 0 0;
}
#flash {float:right; width:530px; height:150px;background:url(../images/headbis.jpg) no-repeat right;}
/*contenido*/
#contenido {
	width:980px;
	float:left;
	font-family:Arial, Helvetica, sans-serif; clear:both;
}
#cont {
	width:980px;
	margin:auto;
}
#contenido a h2{color:black; text-decoration:none;}
#contenido a p{color:#022f47;}
#contenido a img { border:none;}
/*Footer*/
#footer {
	height:80px;
	background:#C8D9EB;
	clear:both;
	font-family:"Trebuchet Ms", Arial, Helvetica, sans-serif;
	font-size:8pt;
}
#footer ul {
	padding:20px 0 0 0;
	text-align:center;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	margin: 0 10px 0 10px;
}
#footer p {
	text-align:center;
	padding:20px 0 0 0;
}
/*Prodcutos*/
a{text-decoration:none;}
.productos {
	width:270px;
	height:170px;
	float:left;
	background:url(../images/productosrgb.jpg) no-repeat;
	margin:10px;
	padding:15px;
}
.productos_new {
    background: url("../images/productosrgb_new.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 280px;
    margin: 10px;
    padding: 15px;
    width: 270px;
}
.productos_new h2{ 
	font-family:"trebuchet MS", arial;
	font-size:12pt;
}
.productos_new p {
	font-size:12px;
}
.productos_new img {
	float:right;
	margin:2px;
}
.productos h2{ 
	font-family:"trebuchet MS", arial;
	font-size:12pt;
}
.productos p {
	font-size:12px;
}
.productos img {
	float:right;
	margin:5px;
}


/*Video*/
#video{
	float:left;
height:170px;
margin:10px;
padding:15px;
width:270px;
	}

#video p{
font-size:12px;	
	}
#left{
	float:left;
	width:280px;
	margin:10px;
padding:15px;}


/*Novedades */

a{text-decoration:none;}
.novedades {
	width:270px;
	height:420px;
	float:left;
	background:url(../images/novedadesrgb.jpg) no-repeat;
	margin:10px;
	padding:15px;
}
.novedades h2{ 
	font-family:"trebuchet MS", arial;
	font-size:12pt;
}
.novedades p {
	font-size:12px;
}
.novedades p .news{
	font-weight:bold;
	padding:21px;
	}
.novedades img {
	float:right;
	margin:5px;
}

.novedades1 {
	width:270px;
	height:170px;
	float:left;
	background:url(../images/productosrgb.jpg) no-repeat;
	margin:10px;
	padding:15px;
}
.novedades1 h2{ 
	font-family:"trebuchet MS", arial;
	font-size:12pt;
}
.novedades1 p {
	font-size:12px;
}
.novedades1 img {
	float:right;
	margin:5px;
}
/*WEMAIL*/

#webmail {
 	top:-28px;
	padding:2px 5px 0 5px;
	 background:url(../images/webmail.png) no-repeat;
	height:50px; width:510px;float:right;
	position:absolute;
	margin:0 0 0 660px;
}
#mostrar {position:relative;margin:auto; width:120px; text-align:center;}
#mostrar a {font-size:9pt; color:#022f47; font-family:"trebuchet ms", Arial, Helvetica, sans-serif; line-height:18px; text-decoration:none;}
#webmail p {
	font-size:9pt;
	font-family:"trebuchet ms", Arial, Helvetica, sans-serif;
	float:left;
	padding:3px 5px 0 6px;
}
#webmail input {
	width:115px;
	height:18px;
	border:none;
	padding:4px 15px 0 20px;
	font-size:8pt;
	color:gray;
}
#webmail form {
	float:left;
}
#webmail input:hover {
	color:black;
}
#webmail input:focus {
	outline:none;
}
#webmail .mail {
	background:url(../images/inputmail.jpg) no-repeat;
}
#webmail .pass {
	background:url(../images/inputpass.jpg) no-repeat;
}
#webmail .enviar {
	width:80px;
	padding:0;
	background:url(../images/input.jpg) no-repeat;
}
/*SOLUCIONES*/

#solucion,  #novedades{padding:25px; color:#022f47; min-height:250px;}
#solucion h1,#solucion h2,#solucion h3, #novedades h1, #novedades h2,  #novedades h3, #novedades h4{font-family:"trebuchet ms", arial, helvetica;}
#solucion h1,  #novedades h1{font-size:15pt; color:#026BA4;}
#solucion h2{font-size:13pt; color:#F6822B;}
#solucion h3{font-size:11pt; color:#F6822B;}
#solucion p{margin:6px 30px 5px 20px; font-size:10pt; width:600px; text-align:justify;}
#novedades p{margin:6px 30px 5px 20px; font-size:10pt; text-align:justify;}
#solucion ul, #solucion ol{margin:6px 22px 5px 45px; font-size:10pt;}
#solucion ul{list-style:url(../images/cuadrito.gif);}
#solucion li{color:#022f47;}
#solucion a{text-decoration:underline;}
#novedades hr{float:left; width:900px; margin:10px 0 10px 0; border:none; background:url(../images/hr.jpg) no-repeat;}
/*FORMULARIO*/
#contacto{font-size:9pt;}
#contacto .formulario {width:600px; margin:auto;}

#contacto .formulario td{width:200px; vertical-align:top;}
#contacto .submit{width:100px; float:left;}
#contacto input{width:250px; font-size:9pt; border:1px solid #022f47; float:left;}
#contacto textarea{width:400px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; border:1px solid #022f47;}
#contacto #commentForm label.error{float:left; color:red; font-weight:bold;}

#contacto .contacto{width:600px; margin:auto;}
#contacto .contacto , #contacto .contacto  tr, #contacto .contacto tr td{border:1px solid gray; border-collapse:collapse;}
#contacto .contacto td{padding:4px;}

/*COOLIRIS*/

	#pl_main { width: 960px; margin: 20px auto; font-family: Arial; font-size: 14px; line-height: 18px; color: #333; }
	table.gallery { padding: 5px; width: 100%;	}
	table.gallery td { text-align: center;	}
	table.gallery img { padding: 5px; margin: 2px; border: 1px solid #ccc; width:200px; }
	.mbf-item { display: none; }

#bottom li { width:460px; height:80px; display:block; }
#bottom li.navegadores { float:left; padding-left:410px;  }
#bottom li.col2 { float:right; text-align:right; font-weight:bold; padding-right:30px; }
#bottom .navegadores { margin-bottom:5px; }
#bottom .navegadores span, #bottom .navegadores a { float:left; }
#bottom .navegadores a { display:block; width:38px; text-align:center; padding:0 3px; font-size:11px; }
#bottom .navegadores a .ico { display:block; height:40px; width:38px; }
#bottom .navegadores a .ico.icoFirefox { background:url(../images/ss1.jpg) no-repeat -3px 0; }
#bottom .navegadores a:hover .ico.icoFirefox { background:url(../images/ss1.jpg) no-repeat -3px -41px; }
#bottom .navegadores a .ico.icoChrome { background:url(../images/ss1.jpg) no-repeat -51px 0; }
#bottom .navegadores a:hover .ico.icoChrome { background:url(../images/ss1.jpg) no-repeat -51px -41px; }
#bottom .navegadores a .ico.icoOpera { background:url(../images/ss1.jpg) no-repeat -96px 0; }
#bottom .navegadores a:hover .ico.icoOpera { background:url(../images/ss1.jpg) no-repeat -96px -41px; }
#bottom .navegadores p { padding-left:10px; color:#666; font-weight:bold; line-height:14px; float:left; }
#bottom .navegadores p b { color:#328ba9; }