﻿body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	height:100%;
	background-image:url(imgs/bg.gif);
	background-color: #0d462a;
	background-repeat: repeat-x;	
}


/*************************************************************************************************************/
/*  Estructura Principal del sitio */
/*************************************************************************************************************/
 #content {
    text-align:left;
    margin:auto;
    width:905px;    
   }
   
   #cabecera {
    width: 905px;
    height:104px;
    background-color:#0c3c24;
	background-image:url(imgs/top.jpg);
	background-repeat:no-repeat;
	margin-top:15px;
   }
   
   
    .btn-links {
	font-family: Arial, Helvetica, sans-serif;
	font-style:;
	font-size:12px;
	font-stretch:condensed;
	text-align:right;
	text-decoration:none;
	color:#99cdde;
	text-align:left;
   }
   
   .btn-links:hover {
   color:#FFFFFF;
   }
   


   
   #contenido {
    width:905px;    	
    float:left;
	background-color:#e8e8e8;
	background-image: url(imgs/bg_contenido.gif);
	background-repeat: repeat-x;
   }
   
   
   
    #pie {
	clear:both;
	width:880px;
	height:33px;
	text-align:right;
	padding-right:25px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8e8e8e;
	background-image: url(imgs/bg-pie.gif);
	background-repeat: repeat-x;
   }
   
  
/*************************************************************************************************************/
/*  Secciónes */
/*************************************************************************************************************/

   #col-left {
    width:610px;
    float:left;
	background-image:url(imgs/bg-contenido-left.gif);
	background-repeat:repeat-x;
	background-color:#e8e8e8;
	
   }
   
   	#col-left-contenido {
	width:560px;	
	text-align:left;
	padding-left:10px;
	padding-right:35px;
	margin-left:20px;
	margin-right:15px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	padding-top:20px;	
   }  

  
   
   #col-right {
    width:250px;	
    float:left;
	text-align:left;	
	margin-left:15px;
	padding-bottom:30px;
   }
   
   #bloques {
    width:215px;	
    float:left;
	text-align:left;	
	padding-bottom:30px;
	padding-top:0px;
	padding-left:13px;
	padding-right:5px;
	background-color:#ffffff;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;

   }
   
   #titulodebloque{
    width:235px;	
    float:left;
	background-color:#ffffff;
	margin-top:20px;
   }
   
  
     
   .btn-masnovedades {
	font-family: Arial, Helvetica, sans-serif;
	font-style:;
	font-size:11px;
	font-stretch:condensed;
	text-decoration:none;
	color:#214a60;
   }
   
   .btn-masnovedades:hover {
   color:#006fae;
   }
   
      .btn-pie {
	font-family: Arial, Helvetica, sans-serif;
	font-style:;
	font-size:11px;
	font-stretch:condensed;
	text-decoration:none;
	color:#132c3c;
   }
   
   .btn-pie:hover {
   color:#4b97af;
   }
   
    #destacado {
    width:279px;	
    float:left;	
	background-color:#FFFFFF;
	padding-left:10px;
	padding-left:10px;
	padding-top:10px;



   }

a.rolloverbtn { 
   display: block; 
   width: 140px; 
   height: 80px; 
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding:5px;
		border: 1px solid #344e56;
	
	background-color:#172226;
} 
a.rolloverbtn:hover { 
   /*background-position: 0px -35px; */
   font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f68526;
	text-decoration: none;	
	border: 1px solid #344e56;
	background-color:#000000;
	
} 


    	#productos {
	width:600px;
	height:170px;
	text-align:left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:10px;
	color:#666666;
	background-color:#ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b4b4b4;
	border-right-color: #cccccc;
	border-bottom-color: #CCCCCC;
	border-left-color: #b4b4b4;
   } 
   
    #foto-productos {
	width:122px;
	height:150px;
	margin:5px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d3d3dd;	

   } 
   
       #info-productos {
	height:140px;
	width:380px;
	margin:10px;
	float:left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;	

   } 
   
       	#productos-desp {
	width:600px;
	height:600px;		
	text-align:left;
	margin-top:5px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	background-color:#ffffff;
		border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b4b4b4;
	border-right-color: #cccccc;
	border-bottom-color: #CCCCCC;
	border-left-color: #b4b4b4;
	
	
	
   }
   
    #info-productos-desp {
	
	width:330px;
	margin:10px;
	float:left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;	
	float:left;


   }  
   
       #foto-productos-desp {

	width:220px;
	height:270px;
	margin:5px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d3d3dd;
	float:left;	


   } 
   
   
    

/*************************************************************************************************************/
/*  Clases generales */
/*************************************************************************************************************/

.imagen-filete {
	border: 1px solid #CCCCCC;
}

.titulos-a {
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#003366;
}

.titulos-b {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#003366;
}


/*************************************************************************************************************/
/*  Forms */
/*************************************************************************************************************/


label
{
	width: 130px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color:#666666;
	font-style:italic;
	font-weight: normal;
}

.submit input
{
margin-left: 5px;
}

textarea
{
width:250px;
color: #333333;
background: #f1f1f1;
border: 1px solid #b1b1b1;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

textarea:focus {

background-color: #415160;
border: 1px solid #419f12;
cursor:crosshair;
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

input
{
width:250px;
color: #333333;
background: #f1f1f1;
border: 1px solid #b1b1b1;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

input:focus {

background-color: #415160;
border: 1px solid #419f12;
cursor:crosshair;
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.submit input
{
color: #ffffff;
background: #003366;
border: 0px solid #7a7a7a;

}
fieldset
{
	width: 435px;
	background-image: url(imgs/bg_form.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #b2b2b2;
	border-right-color: #b2b2b2;
	border-bottom-color: #b2b2b2;
	border-left-color: #b2b2b2;
}

legend
{
border: 1px solid #f1f1f1;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#003366;



}

 #col1-contacto {
	width:450px;
	height:400px;
	margin-top:5px;
	float:left;
	text-align:left;
	padding-left:5px;
	padding-top:10px;	

   }
   