body {
	background-color: #0e181e;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	height:100%;	
}


/*************************************************************************************************************/
/*  Estructura Principal del sitio */
/*************************************************************************************************************/



   #content {
    text-align:left;
    margin:auto;
    background-color:#0e181e;
    width:970px;    
   }
   
   #cabecera {
    width: 970px;
    height:139px;
    background-color:#000000;
	background-image:url(imgs/top.jpg);
	background-repeat:no-repeat;
   }
   
    #logo {
    width: 660px;
    height:110px;
	float:left;
	padding-top:29px;

   }
   
    #base-form-top {
    width: 310px;
    height:139px;
	float:left;
	text-align:left;
	
   }
   
    #links-top {
    width: 70px;
    height:20px;
	margin-left:25px;
	margin-top:15px;
	float:left;
	text-align:left;
   }
   
    .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;
   }
   
    #form-top {
    width: 290px;
    height:45px;
	margin-top:30px;
	float:left;
	text-align:left;
    padding-top:20px;
	padding-left:20px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
   }
   

     #menu {
	width:970px;
	height:50px;
	float:left;
	background-color:#b3b9bd;

   }
   
   #menuppal {
	width:662px;
	height:50px;
	float:left;
	background-color:#ffffff;
	background-image: url(imgs/bg_menu.gif);
	background-repeat: repeat-x;
	text-align:right;
   }
   
    #cabecera-derecha {
	width:290px;
	height:35px;
	padding-top:15px;
	padding-left:9px;
	float:left;
	background-color:#ffffff;
	background-image: url(imgs/bg_menu.gif);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#003366;
	text-align:left;
 	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a0a0a0;
   }



   #contenido {
    width:970px;    	
    float:left;
	background-color:#1e435a;
	background-image: url(imgs/bg_cont.gif);
	background-repeat: repeat-x;
   }
   
   
   
    #pie {
	clear:both;
	width:970px;
	height:6px;
	background-image: url(imgs/pie.gif);
	background-repeat: no-repeat;

   }
   
  
/*************************************************************************************************************/
/*  Secciónes */
/*************************************************************************************************************/

   #col-left {
    width:655px;
    float:left;
	background-image:url(imgs/bg-contenidos.jpg);
	background-repeat:repeat-x;
	background-color:#e8e8e8;
	
   }
   
   	#col-left-contenido {
	width:600px;
	height:auto;	
	text-align:left;
	padding-left:10px;
	padding-right:15px;
	margin-left:15px;
	margin-right:15px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	padding-top:20px;
	
   }
   
      	#col-left-soluciones {
	width:600px;
	height:1440px;	
	text-align:left;
	padding-left:10px;
	padding-right:15px;
	margin-left:15px;
	margin-right:15px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	padding-top:20px;
	
   }
   
      	#sub-pie-datos {
	width:641px;
	height:auto;
	padding-top:30px;
	padding-left:14px;
   	text-align:left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	background-color:#1e435a;
	background-image:url(imgs/bg-pie-datos.gif);
	background-repeat:no-repeat;
	background-position:top;

   }
   
   
   #col-right {
    width:299px;	
    float:left;
	text-align:left;	
	margin-left:8px;
	padding-bottom:30px;
	background-color:#FFFFFF;
	background-image:url(imgs/col-der-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;

   }
   
   #col-right-b {
    width:294px;	
    float:left;
	text-align:left;	
	margin-left:13px;
	padding-bottom:5px;

   }
   
   
      #bloques-soluciones {
	width:260px;
	height:165px;
	float:left;
	text-align:left;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	padding-left:20px;
	padding-top:15px;
   }
   
    #novedades {
    width:279px;	
    float:left;	
	background-color:#FFFFFF;
	padding-left:10px;
	padding-left:10px;
	padding-bottom:10px;
	/*background-image:url(imgs/linea.gif);
	background-repeat:no-repeat;
	background-position:bottom;*/


   }

   
   
   .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;
   }
   
    #representaciones {
    width:279px;	
    float:left;	
	background-color:#FFFFFF;
	padding-left:10px;
	padding-left: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;
	float:left;
	display:block;
   } 
   

   
    #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-noticias {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#003366;
	font-style: normal;
	font-weight:bold;
}

.fecha {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CC9900;
	
	font-style: normal;

}

.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: 50px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color:#ffffff;
	font-style:italic;
	font-weight: normal;
}

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

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

textarea:focus {
width:250px;
background-color: #ffffff;
border: 1px solid #58bee1;
cursor:crosshair;
color: #666666;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

input
{
color: #666666;
background: #ffffff;
border: 1px solid #ffffff;
height:15px;
margin-top:2px;
}

input:focus {

background-color: #f1f1f1;
border: 1px solid #58bee1;
cursor:crosshair;
margin-top:2px;
color: #666666;
}

.submit input
{

height:45px;
width:34px;
border: 0px solid #ffffff;




}
fieldset
{
	width: 290px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.fieldset-b
{
	width: 520px;
	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: #727272;
	border-right-color: #727272;
	border-bottom-color: #727272;
	border-left-color: #727272;
}

.fieldset-b2
{
	width: 500px;
	height: 420px;
	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: #727272;
	border-right-color: #727272;
	border-bottom-color: #727272;
	border-left-color: #727272;
}

legend
{

    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666666;
	background-color:#e6e6e6;

}

   #form-cont {
    width:210px;
	float:left;   
   }
   
   
    #form-cont-2 {
    width:60px;
	float:left;
	text-align:left;
   }
   
   .label-2
{
	width: 130px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	color:#666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight: normal;
}

   .label-23
{

	text-align: right;
	color:#666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight: normal;
}

.enviar
{
color: #ffffff;
background: #22343a;
border: 0px solid #7a7a7a;

}

 /*************************************************************************************************************/

/*  SLIDER */

/*************************************************************************************************************/

   

#slider-wrapper {
    background:url(../imgs/slider.png) no-repeat;
    width:600px;
    height:350px;
    margin:0 auto;
    padding-top:0px;
    margin-top:0px;
	float:left;
}

 #slider {
	position:relative;
    width:600px;
    height:350px;
	background:url(../imgs/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:875px;
	bottom:-22px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../imgs/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../imgs/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

   #animacion {
	width:600px;
	height:350px;
	float:left;
   }