@charset "utf-8";
/* CSS Document */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {display:block;}
/* End hide from IE-mac */

body {
/*background-color: #48220f;*/
margin: 0 auto;
  padding: 0;
  /*background-color: #48220f;*/
  background-image: url('imagenes/textura_id3.png');
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: top left;

}

/***********************CUERPO DE LA PAGINA ***********************/
#wrapper {

width: 1000px;
margin: 0px auto;
padding: 0px;
background: url(imagenes/content_bg_id3_.png) repeat-y top left;
}
#secwrapper {
margin-top:10px;
width: 1000px;
padding: 20px 0px 0px 0px;
background: url(imagenes/content_top_id3_.png) no-repeat top left;

} 
#container {
width: 994px;
margin: 0px;
padding: 0px 15px 30px 13px;
background: url(imagenes/content_bottom_id3_.png) no-repeat bottom left;
} 
#mainCol {
	width: 600px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family:"Trebuchet MS";
	font-size:16px;
}
#contenido{
	float:left;
	width:600px;
	margin-left: 20px;
	padding: 0px;
	text-align:justify;
	font-family:"Trebuchet MS";
	font-size:16px;
}
#secCol {
	width: 320px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: center;
	margin-right: 30px;
	margin-top:20px;
/*	margin-top:10px;
	width: 480px;
	float: right;
	*margin:0px;
padding: 0px;*
text-align: left;
	position:relative;
	z-index:10;*/
}
#mapa {
	margin-top:-320px;
	width: 480px;
	float: right;
	/*margin:0px;
padding: 0px;*/
text-align: left;
	position:relative;
	z-index:10;
}
#header {
/*margin-top:30px;*/
	width: 400px;;	
}

/*************************************MENU*********************************/
 #tabsH {
      float:left;
      width:100%;
	  /*background-image:url(imagenes/fondo_menu_id3.png) repeat-x;
      /*background:#000;*/
      font-size:93%;
      line-height:normal;
      }
    #tabsH ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
      background:url("imagenes/tableftH.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
      background:url("imagenes/tabrightH.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
      }
/************************** FORMULARIO DE CONTACTO ********************************/
#contenedor{
left:20px;
	width:450px;
	height:300px; 
	/*border:1px solid;*/
	padding-left:3px;
	padding-top:5px;
	background-image:url(imagenes/fondo.png);
	background-repeat:no-repeat
}
#form1{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
#nombre, #email, #telefono, #direccion, #asunto{
	background-repeat:no-repeat;
    border: none;  
    width: 205px;  
    height: 32px; 
    padding-left: 3px;  
    padding-top: 6px;  
}  

#inp8{
	background-repeat:no-repeat;
    border: none;  
    width: 140px;  
    height: 29px; 
}  

#nombre{background-image: url(imagenes/in1.gif)}

/*#inp2{background-image:url(imagenes/in1.gif)}  */

#email{background-image:url(imagenes/in2.gif)}  

/*#inp4{background-image:url(imagenes/in3.gif)}*/

#telefono{background-image:url(imagenes/in5.jpg)}

#direccion{background-image:url(imagenes/in6.jpg)} 

#asunto{background-image:url(imagenes/in7.png)} 


#inp8{background-image:url(imagenes/btninput.gif); cursor:hand;}  
  
input:focus{  
    background-color: transparent;
}  

#divtextarea{
	float:right;
	margin-right:10px;
	width:230px;
	height:179px
}
textarea{
	width:238px;
	height:198px;
	background-image:url(imagenes/textarea.gif);
	background-repeat:no-repeat;
	overflow: auto;
	border: none;
	padding-left: 3px;
	padding-top: 6px;
}
/***************************** PIE DE PAGINA *****************************/
#footer {
text-align:center;
width: 994px;
margin: 5px auto;
font-size: 12px;
color: #d9d7d7;
padding: 0px;
}
#footer p {
margin: 2px;
padding: 2px;
font-size: 12px;
font-family: arial;
}
#footer ul {
list-style-type: none;
display: inline;
}
#footer ul li {
display: inline;
}
#footer ul li a:link, #footer ul li a:visited {
border: none;
color: #d9d7d7;
text-decoration: underline;
} 
#footer ul li a:hover {
color: #fff;
text-decoration: none;
}
/******************************** LADO IZQUIERDO DE LA PAGINA ***************************/
h3#news, h3#test, h3#why {
position: relative;
left: 21px;
background: url(imagenes/latest_bg.png) no-repeat top left;
width: 289px;
text-align: left;
height: 33px;
padding: 3px 5px 3px 25px;
margin: 0px;
/*margin-top: 10px;*/
color: #fff;
font-size: 18px;
font-weight: normal;
font-family: Cambria, Georgia, "Trebuchet MS", Times, serif;
}
h3#test {
background: url(imagenes/test_bg.png) no-repeat top left;
}
h3#why {
background: url(imagenes/why_bg.png) no-repeat top left;
width: 284px;
position: relative;
left:-7px;
padding: 3px 5px 3px 30px;
}
#secCol ul {
position: relative;
left: 15px;
border: 1px solid #d0d0d0;
border-bottom: none;
list-style-type: none;
width: 285px;
margin: 0px auto;
margin-bottom: 10px;
padding: 0px;
text-align: left;
}
#secCol ul li {
display: block;
margin: 0px;
padding: 5px;
width: 275px;
background: url(imagenes/side_col_bg.png) no-repeat top left #fff;
border-bottom: 1px solid #d0d0d0;
}
#secCol ul li h4 {
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
}
#secCol ul li span {
color: #6b6b6b;
font-weight: bold;
}
#secCol ul li p {
color: #4d4d4d;
font-size: 12px;
margin: 2px;
padding: 2px;
}
#secCol ul li a.more:link, #secCol ul li a.more:visited, #secCol ul li a.more:hover {
background: url(imagenes/arrow.png) no-repeat center left;
margin: 0px 0px 0px 200px;
padding: 0px;
display: inline;
padding-left: 12px;
border: none;
text-decoration: underline;
font-size: 12px;
text-align: right;
}
#secCol ul li a.more:hover {
text-decoration: none;
}
#secCol ul li p.test {
text-align: right;
}

/*******************NUESTROS PRODUCTOS***********************/
#mainCol ul#maincon {
border: 1px solid #cde1f5;
margin: 0px;
padding: 6px;
width: 625px;
list-style-type: none;
background: url(images/main_col_bg.png) no-repeat top left #f8fcff;
}
#mainCol ul#maincon li {
width: 625px;
padding: 5px 0px 10px 0px;
margin: 0px 0px 5px 0px;
border-bottom: 1px dotted #aeaeae;
}
#mainCol ul#maincon li.last {
border: none;
}
#mainCol ul#maincon li img {
width: 153px;
height: 117px;
padding: 1px;
margin: 6px 0px 0px 0px;
float: left;
border: 2px solid #cde1f5;
}
#mainCol ul#maincon li h2 {
font-size: 18px;
color: #34394e;
font-family: Cambria, Georgia, "Trebuchet MS", Times, serif;
font-weight: normal;
padding: 0px;
margin: 0px 0px 0px 170px;
}
#mainCol ul#maincon li p {
font-size: 13px;
color: #4d4d4d;
margin: 0px;
padding: 0px;
margin-left: 170px;
}