/* CSS Tics Evolution */
/**********************/


html{ width:100%; height:auto;padding:0;margin:0 auto;}

BODY{ 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:1em;padding:0;width:100%;text-align:center;height:auto; margin-top:0;margin:0 auto;}
a{text-decoration:none;border:none;}
img{border:none;}

/*******pagina********************************************************************************************************************/
#pagina{/*border:solid blue 1px;*/
background: url(../images/bgr.gif) repeat-y top center; width:906px; min-height:620px;height:auto!important;height:100%;
text-align:center;margin:0 auto;padding:0; }
#fondo{background:#fff;width:796px;min-height:570px;height:auto!important;height:100%;text-align:center;margin:0  auto;padding:0; }

/*******cabecera********************************************************************************************************************/
#cabecera{width:100%;margin:0 auto; height:200px;/*height:100%;*/clear:both; background: url(../images/cabecera.gif) no-repeat bottom left;}

#menuidioma{ background: #8f8f8f; text-align:left; width:100%;height:15px; margin:0; padding:0;}
#menuidioma ul{text-align:right;list-style-type:none;}
#menuidioma li{float:right; font-size:0.7em; text-transform:uppercase; margin-right:15px;}
#menuidioma li a{float:left;color:#fff;}

#logo{text-align:left;padding:0; margin:0;height:81px; width:200px; float:left; margin:15px 0 30px 100px;}
#logo a{}

/*#menu{text-align:left; width:100%;height:15px; font-family:Trebuchet MS, Arial; font-weight:bold; margin:5px 0; padding:0 0 7px 0; border-bottom:2px solid #f18d19;}
#menu ul{text-align:left;list-style-type:none;}
#menu li{float:left; margin:0; padding:0;font-size:0.9em; text-transform:uppercase;}
#menu li a{color:#494949;padding:10px 30px;}
#menu li a.activo{color:#fff;}
#menu li a:hover{color:#fff; background:url(../images/bgr_menu.gif) no-repeat center;}*/
#menu #zonaclientes{ float:right; width:20%; font-size:0.8em;text-align:right; margin:0 25px 0 0;}
#menu #zonaclientes a{ color:#494949; text-transform:uppercase; border-top:solid 1px #d9d8d9;border-bottom:solid 1px #d9d8d9; padding:3px 0;}
#menu #zonaclientes a img{ vertical-align:middle; margin:0 7px; border:none; padding:0;}
.clear{width:100%; height:1px; clear:both;}

/*******centro*******************************************************************************************************************/

#centro{ margin:0 auto;width:100%; height:auto;min-height:360px;clear:both; }

#intro{height:auto; margin:0 auto;width:69%; float:left;}
#intro p{ text-align:justify; font-size:0.75em; width:90%; margin:20px 0 0 20px; background:url(../images/intro.gif) no-repeat; padding:3px 0 5px 30px; }
#intro span{ text-transform:uppercase; font-weight: bold; color:#ff810f;font-size:1.1em;}

#contenido{height:auto; margin:0 auto; width:66%;float:left; margin-top:30px; margin-left:20px;text-align:left; padding:0;}
#contenido h2, #contenido2 h2{ color:#f19000; font-size:1.2em; text-align:left; border-bottom:solid 2px #f19000; margin-left:15px; text-transform:uppercase;}
#contenido #textos{ float:right; width:60%; font-size:0.75em; text-align:justify;}
#contenido #textos p{ margin:0; padding:0;padding-bottom:1px;}
p.boton{text-align:right; margin:0; padding:0;}
#contenido #textos ul{  margin-top:0; margin-bottom:0;}

#contenido #textos2{  font-size:0.75em; text-align:justify; }
#contenido #textos2 p{float:right; width:70%;padding-bottom:3px;}
#contenido #foto{float:left; width:30%; margin-left:15px;}
#contenido #foto2{float:left; width:100%; margin:10px;}
#contenido h3{ color:#000; font-size:1em; text-align:left; border-bottom:solid 1px #f19000; margin:0; padding:0; margin-bottom:3px;}

#contenido2{height:auto; margin:0 auto; width:95%; margin-top:0; margin-left:20px;text-align:left; padding:0; /*border:solid 1px #000;*/}
#contenido2 #productos{float:right; width:68%; font-size:0.75em; text-align:justify; margin:0;  padding:0;}
#contenido2 #productos H4{font-size:1.1em; text-transform:uppercase; color:#000;/*border-bottom:1px solid orange;*/ background:url(../images/lista.gif) no-repeat;padding:3px 0;height:30px;padding-left:25px; vertical-align:middle;}

#contenido2 #productos ul{  margin:0; padding:0;}
#contenido2 #productos li{  margin:0; padding:0; color:#000; font-size:1em; list-style-type:none;}
#contenido2 #productos li strong{display:block; text-transform:uppercase; color:#CC6600;}
#contenido2 #productos li a{text-transform:uppercase;margin:0; color:#000;/*border-bottom:1px solid #f19000;*/ background:url(../images/lista.gif) no-repeat;padding:2px 0;height:30px;padding-left:25px; vertical-align:middle; }

#contenido2 #productos li p.links{margin:4px ; padding:0;}
#contenido2 #productos li p.links a{text-transform:lowercase;margin:0; margin-left:10px; color:#000;background:url(../images/links.gif) no-repeat;padding:0;height:30px;padding-left:25px; vertical-align:middle; }


#contenido2 #productos .posit{margin:10px;font-size:0.9em;}
#contenido2 #productos .posit li{margin:7px 0;}
#contenido2 #productos .posit li strong{font-weight:bold; color:#c60; font-size:1.1em;}
#contenido2 #productos .posit li a{display:block; width:100%;}

#contenido2 #productos ul.listasimple{ list-style-type:circle;font-size:1em; margin-left:30px; }


#contenido2 #foto{float:left; width:28%; _width:25%;margin-left:15px;}
#contenido2 #foto #menuempresa{ margin:0; padding:0;/*border-right:solid 1px #f19000;*/ text-align:left;}
#contenido2 #foto #menuempresa p{ margin:0; padding:0;font-size:0.8em; width:90%; text-align:center;}
#contenido2 #foto #menuempresa p a{color:#f19000;}
#contenido2 #foto #menuempresa img{border:solid 1px #f19000;}
#contenido2 #foto #menuempresa ul{ font-size:0.8em;text-align:left; margin:0; padding-left:5px; width:80%; margin-bottom:20px;}
#contenido2 #foto #menuempresa li{ margin:5px 0; padding:0; color:#000; font-size:1em; list-style-type:none;}
#contenido2 #foto #menuempresa li a{text-transform:uppercase; color:#000;background:url(../images/mundo.gif) no-repeat;padding:2px 0;height:30px;padding-left:25px;vertical-align:middle; }



#lateral{height:auto; margin:0 auto;width:25%;float:right;  margin-right:15px; padding:10px 0; }
#lateral h4{ padding:0; margin:0; text-align:left; color:#fff; text-transform:uppercase; margin:5px; font-size:0.9em; }
#lateral p{ font-size:0.7em; text-align:justify; padding:5px 8px; margin:0;}

#lateral #noticias{background:url(../images/destacado.gif) no-repeat top left; height:500px;width:100%;padding:10px 0; }

#contacto #formulario{ float:left; width:50%;}	 
#contacto #comentarios{float:right;width:45%;}	
 	 
#contacto #comentarios p{margin:30px 0; color:#003566}  

/***********************formulario contacto*********/	 
#formulario{ font-size:1em; width:100%;text-align:justify; padding:0px;}
#formulario FORM{width:100%;text-align:justify;padding-left:10px; margin-top:30px;}
#formulario legend{ text-transform:uppercase; font-weight:bold;}
#formulario fieldset{border:0px;}
#formulario label {width:150px; width:40%;display:block;float:left;margin:2px 0;}
textarea{width:45%; float:left;margin:2px 0; vertical-align:middle; clear:right; font-size:1em;}
#formulario input.enviar{margin:0; padding:0; margin-top:-20px;}
input{ vertical-align:middle;}
.nota{ display:block; margin:0;  font-size:0.8em; width:60%; color:#000;}
#formulario img{float:left; margin:10px; margin-left:0;}
#formulario label strong{ float:left; width:60%;}




/*******pie*************************************************************************************************************************/
#pie{ font-size:1em;width:100%; margin:0 auto; vertical-align:bottom; margin-top:10px;min-height:20px;height:auto!important;height:100%;
 display:block; clear:both;border-top:solid 2px #ff810f; padding-top:4px; border-bottom:solid 1px #dfdfdf;}

#pie #izq{color:#484848; float:left;font-size:0.7em;height:33px; vertical-align:middle; margin-left:10px;}
#pie #der{float:right; margin:0; padding:0; font-size:0.7em; margin-right:10px;}
#pie #der img{vertical-align:middle; margin-right:5px;}
#pie #der a{color:#000;}
.logotics{ float:right; vertical-align:middle; }
.logotics a{color:#000;}
.logotics a img{vertical-align:middle; color:#000;}