@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0}	

body {

	color: #333333;
	background-color: #FFFFFF;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration: none;
	height: auto;
	width: auto;
}

img{ border: none}


#contenedor{
	width:1000px;
	margin-left: auto;
	margin-right: auto;
}

/* ----------------- div HEADER*/

#header{
	background-image:url(images/pixelazul.jpg); background-repeat:repeat;
	height: 100px;}

#header #logowellos{float: left; margin-left: 10px; margin-top: 40px; height:55px; width:138px;}
#header #section{float: right; margin-right: 0px; margin-top: 70px; height:29px; width:auto;}
#header #section a{}
#header #section img{}

/* ----------------- div MAIN*/
#main{
	min-height: 390px; width: 100%;
	background-color:#FFFFFF;
	background-image:url(images/fondo.jpg); background-repeat:no-repeat; background-position: top right;
}

/* ----------------- div nav*/

#main #nav{
	width: 630px; height: 17px; 
	margin-right:auto; margin-left:auto; margin-top: 0px; }
#main #nav span{display: inline; margin-left:10px; margin-right: 10px;}
#main #nav a{text-decoration:none;}
#main #nav img{ border:none; border-top: 0.3em solid #FFFFFF; vertical-align:bottom}

#main #nav #inicio{background-image:url(images/inicioN.jpg); background-repeat:no-repeat; background-position: bottom left;}
#main #nav #inicio:hover img{ visibility:hidden;}

#main #nav #producto{background-image:url(images/productoN.jpg); background-repeat:no-repeat; background-position: bottom left;}
#main #nav #producto:hover img{ visibility:hidden;}

#main #nav #benef{background-image:url(images/benefN.jpg); background-repeat:no-repeat; background-position: bottom left;}
#main #nav #benef:hover img{ visibility:hidden;}

#main #nav #contact{background-image:url(images/contactN.jpg); background-repeat:no-repeat; background-position: bottom left;}
#main #nav #contact:hover img{ visibility:hidden;}

#main #nav #faq{background-image:url(images/faqN.jpg); background-repeat:no-repeat; background-position: bottom left;}
#main #nav #faq:hover img{ visibility:hidden;}

#main #nav #consejos{background-image:url(images/consejosN.jpg); background-repeat:no-repeat; background-position: bottom left;}
#main #nav #consejos:hover img{ visibility:hidden;}


/* ----------------- div contenido*/


#main #contenido { height: 100%; padding: 40px; padding-left: 17px;}
#main #contenido #imagen{ width: 350px; float: left;}
#main #contenido #imagen img{ margin-left:auto; margin-right:auto}

#main #contenido #text{ display:block; width: 550px; float:right;  margin-top: 0px}
#main #contenido #text h2{font-size: 1em; ; color: #006633; font-weight: normal; margin-top: 1em}
#main #contenido #text h2:first-child{margin-top: 0em;}
#main #contenido #text p, li, dd, dt{ font-size: 0.70em; line-height: 1.4em; text-align:justify; color: #663333; margin-top: 0.6em;}
#main #contenido #text p:first-child{margin-top: 0em;}
#main #contenido #text dt{ font-weight:bold; margin-top: .75em; color: #663333; margin-bottom: -0.35em}
#main #contenido #text ol{ list-style-position:inside}
#main #contenido #text dd{}
#main #contenido #text a{ color:  #663333; font-weight:bold}
#main #contenido #text a:hover{ color: #FF9900}

#main #contenido #text br{line-height: 0.6em;}

#main #contenido #text #logosgs{text-align: center; margin-top: 1em;}
#main #contenido #text #logosgs img{border:solid 1px #FFFFFF;}
#main #contenido #text #logosgs img:hover{border:solid 1px #FF6600;}




/* ----------------- div FORMULARIO contact*/

#formulario {padding-left: 0px; text-align:left; font-family: inherit; position: relative; height: 335px;}
#formulario fieldset {border: none;}
#formulario label {margin-left: 2px;}
#formulario p{margin-top: 10px; text-align:left}

#formulario .clickelements p{display:inline; text-align:center;}
#formulario .clickelements {text-align:center; margin-top: 0.6em; margin-bottom: 0.8em;}

#formulario #formparticular{ visibility:hidden; position:absolute}
#formulario #formempresa{ visibility: visible; position:absolute}

#formulario input, textarea, select {
	border: 1px solid #FF9900;
	background-color: #FFFFFF;
	font-size: .8em;
	color: #666666;
	padding:2px;
}

#formulario input:focus, textarea:focus, select:focus{background-color: #EAEAEA; color:#000000;}
#formulario textarea.consulta{height:120px; width:545px; font-family: inherit; font-size: 11px;}
#formulario .nombre {height: 17px; width: 545px; font-size: 11px;}
#formulario .CP {height: 17px; width: 130px; font-size: 11px;}
#formulario .telefono {height: 17px; width: 80px; font-size: 11px;}
#formulario .email {height: 17px; width: 162px; font-size: 11px;}

#formulario .enviar, .restablecer{font-weight: bold; cursor: pointer;}

/* ----------------- div footer*/

#footer{
	background-image: url(images/pie.jpg);
	height: 104px;
	font-size:10px;
	color:#FFFFFF;
}

#footer a{color:#FFFFFF; font-size:11px; font-weight:bold}
#footer a:hover{color: #FFFF99}