@charset "iso-8859-2";

/* CSS Document */



* {

	margin: 0px;

	padding: 0px;

	border: 0px;

	outline: 0px;

}

body

{

	font-family: Tahoma, Geneva, sans-serif;

	font-size: 62.5%;

	letter-spacing: 0.01em;

	background: url(../images/fnd_header.png) repeat-x left 32px;	

	color: #555;

}


h1, h2, h3, h4, h5, h6{
	color: #006b6c;	
	margin: 5px 0px; 
}

h1{
	font-size: 2.2em;	
	letter-spacing: 0.1em;
	font-weight: normal;
}

h3{
	font-size: 1.6em;	
}

h4{
	font-size: 1.4em;	
}

h5{
	font-size: 1.2em;	
}

h6{
	font-size: 1.1em;	
}

p{

	font-size: 1.2em;

	padding: 5px;

	line-height: 1.4em;

}



a

{

	text-decoration: none;	

	color: #006b6e;

}



ul{

	list-style: none;

	font-size: 1em;

	

}



li{

	background: url(../images/lista.png) no-repeat left 2px;

	padding-left: 20px;

	

}



img{

	margin: 5px 15px;

}

acronym{

	border-bottom: 1px dotted #666;

}

table{

	font-size: 1.2em;	

	color: #006B6E;

	border-collapse:collapse;

	background:#e3e6e6;

	width: 85%;

	margin: auto;

}



tr{

	border-bottom: 4px solid #FFF;

	

}



td{

	padding: 15px 5px;

}



input, textarea{

	border: #A6C1C1 1px solid;

	padding: 2px 1px;

}



input:focus, textarea:focus{

	border: #38b7ba 1px dashed;

}



label{

	background:url(../images/flecha_contacto.png) no-repeat right center;

	padding-right: 25px;

	font-weight: bold;

}

	/*****************HEADER***********************/



#header

{

	height: 100px;

	

}



#header ul {

	list-style: none;

}



#header ul li{

	background: none;

	display: inline;

}



#header ul li a{

	color: #888;

}



#header ul li a:hover{

	color: #d76620;

}



#header ul li.pos_actual{

	color: #d76620;

	

}

	



#header #top_info{

	background: url(../images/fnd_info_top.png) repeat-x left bottom;	

	height: 32px;

	text-align: right;

}



#header #top_info ul{

	width: 960px;

	margin: auto;

	padding-top: 1px;

	

}



#header #top_info ul li{

	color: #006b6e;

	font-size: 1.2em;

	padding: 10px 0px 0px 20px;

	margin: 0px 12px 10px 0px;

	background: url(../images/lista_top_menu.png) no-repeat left 15px;

}



#header #top_info ul li.pos_actual{

color: #D76620;

border-bottom: 1px dotted #D76620;

}


#header #top_info ul li.busquedaIE{
	* background-position: left 23px;
}


#header #top_info ul li a{

	color: #006b6e;

}



#header #top_info ul li a:hover{

	color: #D76620;

}



#header #top_info input{

	border: 1px dashed #FFF;

	background: #dee5e5;

	height: 18px;

	padding: 0px;

}



#header #top_info input:focus{

	background: #ecf6f6;

}



#header #top_info input.buscar{

	background:url(../images/btn_buscar.png) no-repeat right 1px;

	border: none;

	width: 25px;

	height: 26px;
* height: 24px;

	text-indent: -9999px;

	cursor: pointer;
	* font-size: 0;
	* line-height: 0;

}



#header #top_info input.buscar:hover{

	background:url(../images/btn_buscar_hover.png) no-repeat right 1px;

	

}



#header #menu_sup{

	width: 960px;

	margin: auto;

}



#header #menu_sup img {

	margin: 25px 5px 20px 0px;

	float: left;

}





#header #menu_sup ul {

	float:right;

	margin-top: 40px;

	font-size: 1.5em;

	

	

}



#header #menu_sup ul li{

	padding: 10px;

}



	/***************CONTENT**********************/



#wrapper-content {

	width: 960px;

	min-height: 350px;

	margin: auto;

	clear:both;

	padding-top: 20px;

	/*padding-bottom: 85px;*/


}


#wrapper-content .visor {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: url(../images/fnd_galeria.png) repeat-x left 75px;
	float: left;
	/*height:350px;*/
	width: 100%;
	padding-bottom: 20px;
	/** padding-bottom: 0px;*/
        margin-top: 40px;
}

#wrapper-content .galeria{
	float: left;
padding-left: 8px;
}
#wrapper-content .carrusel_caption{
	color: #FFF;
	margin: 2px 2px 2px 25px;
	font-size: 1.1em;
	/*position: relative;
        top: 25px;
        left: -35px;*/

}




#wrapper-content  .galeria img {
    /* position: relative;
     top: 35px;*/

margin-top: 35px;
margin-bottom: 0px;
     
}

#wrapper-content  .galeria .galeria_nav img {
margin-top: 5px;
}
#wrapper-content  .galeria_nav {
 left: 172px;
    position: absolute;
    top: 515px;
*top: 490px;
   
}



#wrapper-content .visor_txt{

	float: right;

	width: 359px;
	margin-right: 15px;

	/*position: absolute;

        left: 740px;
        top: 130px;*/
}





#wrapper-content .visor_txt h2{

	text-indent: -9999999px;

	background:url("../images/slogan.png") no-repeat left 90px;

	height: 190px;

	

}



#wrapper-content .visor_txt p{

	color: #fff;

	margin: 0px 15px;

	font-size: 1.4em;

}



#wrapper-content .visor_txt a.masinfo{

	background: url(../images/btn_masinfo.png) no-repeat right top;

	text-indent: -999999px;

	display: block;

	height: 30px;

	float: left;

	width: 115px;

	margin-left: 110px;

}



#wrapper-content .visor_txt a.masinfo:hover{

	background: url(../images/btn_masinfo_hover.png) no-repeat right top;

}



#wrapper-content .visor_txt a.descarga{

	text-indent: -9999px;

	background: url(../images/btn_download.png) no-repeat right top;

	text-indent: -999999px;

	display: block;

	height: 30px;

	float: right;

	width: 85px;

	

}





#wrapper-content .visor_txt a.descarga:hover{

	background: url(../images/btn_download_hover.png) no-repeat right top;

}



#wrapper-content #destacados{

	clear:both;

	width: 960px;

	margin: auto;

	float: left;

	background: url(../images/fnd_inf_galeria.png) no-repeat center top;

	list-style: none;

	padding-top: 85px;

	padding-left: 10px;

	margin-bottom: 65px;

	

	

	

}



#wrapper-content ul#destacados > li{

	width: 295px;

	margin-left: 0px;

	float:left;

	background: none;

	font-size: .75em;

	color: #666;

}



#wrapper-content ul#destacados li ul {

	border-right: 1px dashed #bbb;

	padding: 10px 0px;

	list-style:url(../images/lista_destacados.png) inside;

	width: 295px;

	margin-left: 0px;

	min-height: 160px;

}



#wrapper-content ul#destacados li ul li, #wrapper-content ul#destacados li p{

	background:none;

	padding: 15px 25px 5px 15px;

	font-size: 1.4em;

}



#wrapper-content #destacados h3{

	color: #d76620;

}



#wrapper-content #destacados h3.ultimas{

	background:url(../images/h3_ultimas.png) no-repeat 20px top;

	height: 32px;

	text-indent: -9999999px;

}



#wrapper-content #destacados h3.referencias{

	background:url(../images/h3_referencias.png) no-repeat 20px top;

	height: 32px;

	text-indent: -9999999px;

}



#wrapper-content #destacados h3.comunidad{

	background:url(../images/h3_comunidad.png) no-repeat 20px top;

	height: 32px;

	text-indent: -9999999px;

}



#wrapper-content #submenu{

	margin-top: 30px;

	width: 200px;

	float:left;

	

}



#wrapper-content #submenu .products{

	background:url(../images/s_products.png) no-repeat left 30px;

	height: 90px;

	width: 200px;

	text-indent: -99999px;

	/*border-bottom: 1px dotted #CCC;*/

}

#wrapper-content #submenu .reference{

	background:url(../images/s_reference.png) no-repeat left 30px;

	height: 90px;

	width: 200px;

	text-indent: -99999px;

	/*border-bottom: 1px dotted #CCC;*/

}

#wrapper-content #submenu .descarga{

	background:url(../images/s_descarga.png) no-repeat left 30px;

	height: 90px;

	width: 200px;

	text-indent: -99999px;

	/*border-bottom: 1px dotted #CCC;*/

}

#wrapper-content #submenu .contacto{

	background:url(../images/s_contacto.png) no-repeat left 30px;

	height: 90px;

	width: 200px;

	text-indent: -99999px;

	/*border-bottom: 1px dotted #CCC;*/

}



#wrapper-content #submenu .cia{

	background:url(../images/s_cia.png) no-repeat left 30px;

	height: 90px;

	width: 200px;

	text-indent: -99999px;

	/*border-bottom: 1px dotted #CCC;*/

}

#wrapper-content #submenu .recursos{
	background:url(../images/s_recursos.png) no-repeat left 30px;

	height: 90px;

	width: 200px;

	text-indent: -99999px;
}





#wrapper-content #submenu ul{

	margin-top: 15px;

	margin-left: 8px;

	font-size: 1.2em;

}



#wrapper-content #submenu ul li{

	background: none;

	padding: 0px;

	margin: 10px 0px;

}



#wrapper-content #submenu ul li a{

	background: #d3e0e0 ;/*d3e0e0-aad4d5*/

	/*border: 1px solid #aad4d5;*/

	border-right: 7px solid #87c2c3;

	display:block;

	padding: 5px 10px 5px 20px;

	-moz-border-radius: 6px;

}



#wrapper-content #submenu ul li a:hover{

	color: #fff;

	background: #006b6e;

	/*margin-left: 15px;

	border-right: 7px solid #87c2c3;*/

}



#wrapper-content #submenu ul li.pos_actual

{

	background: #d3e0e0;

	display:block;

	padding: 5px 10px 5px 20px;

	-moz-border-radius: 6px;

	width: 140px;

	margin-left: 15px;

	border-right: 7px solid #EF9B68;

	

}





#wrapper-content #submenu .info_comp{

	background: #13b6ba;

	-moz-border-radius: 10px;

	padding: 8px 10px ;

	color: #fff;

	margin: 20px 0px;

	font-size: 1.2em;

}



#wrapper-content #submenu .mas_info{

	border: 1px dotted #13b6ba;

	-moz-border-radius: 10px;

	padding: 8px 10px ;

	color: #444;

	margin: 20px 0px;

}







#wrapper-content #contenido{

	width: 680px;

	margin-left: 270px;

	

	

	

}



#wrapper-content h2, #wrapper-content #contenido h2{

	/*letter-spacing: .15em;

	

	color: #D76620;

	border-bottom: #CCC 1px solid;

	

	margin: 15px 0px 5px;*/

	background: #D76620;

	font-weight: normal;

	font-size: 1.7em;

	padding: 5px;

	color:#FFF;

	background:url(../images/fnd_h3.png) repeat-x -10px center;

	clear: right;

}





#wrapper-content h2 span, #wrapper-content #contenido h2 span{

	display:inline;

	background: #FFF;

	color: #D76620;

	padding: 2px 15px;

	margin-left: 20px;

}



#wrapper-content #contenido h4{

	color: #006B6E;	

	font-size: 1.1em;

	padding: 18px 12px 8px 25px;

	/*background: url(../images/fnd_h4.png) no-repeat left 15px;*/

	text-transform:uppercase;

	margin-left: 20px;

}





#wrapper-content #contenido ul

{

	margin: 10px 50px;

	font-size: 1.2em;

}

#wrapper-content #contenido ul li{

	line-height: 1.3em;

	padding-top: 5px;

	background-position: left 7px;

}



#wrapper-content #contenido ul.descarga{
	float: left;
	margin:15px  0px 25px 0px;

}





#wrapper-content #contenido ul.descarga li{

	background:none;

	float: left;

	width: 200px;

	font-size: 0.8em;

}

#wrapper-content #contenido ul.descarga li strong{

	color: #006b6e;

	display:block;

	font-size: 1.4em;

}

#wrapper-content #contenido ul.descarga li span{

	font-size: 1.9em;

}



#wrapper-content #contenido ul.descarga img{

	margin: 0px 10px;

}







#wrapper-content #contenido input.descarga{

	border: 0px;

	margin-top: 45px;

	margin-left: 470px;

	background: none;

	background: url(../images/btn_descarga.png) no-repeat left top;

	text-indent: -9999px;

	width: 150px;

	height: 80px;

	cursor: pointer;

	

}



#wrapper-content #contenido input.descarga:hover{

	background: url(../images/btn_descarga_hover.png) no-repeat left top;

}

#wrapper-content #contenido #contacto_form{
margin-top: 35px;
}

#wrapper-content #contenido input#borrar{

	background: url(../images/btn_borrar.png) no-repeat left top;

	border: none;

	text-indent: -9999px;

	width: 75px;

	height: 27px;

	cursor: pointer;

	margin-left: 450px;

	margin-top: 15px;

}



#wrapper-content #contenido input#borrar:hover{

	background: url(../images/btn_borrar_hover.png) no-repeat left top;

}



#wrapper-content #contenido input#enviar{

	background: url(../images/btn_enviar.png) no-repeat left top;

	border: none;

	text-indent: -9999px;

	width: 75px;

	height: 27px;

	cursor: pointer;

}



#wrapper-content #contenido input#enviar:hover{

	background: url(../images/btn_enviar_hover.png) no-repeat left top;

}



#wrapper-content #mapa{

	margin-left: 50px;	

	

}





#wrapper-content #mapa li{

	background:none;/*url(../images/sublista_mapa.png) no-repeat left 12px*/;

	padding: 10px;

	list-style:circle;

	

	}

	

#wrapper-content #mapa>li{

	background:none/*url(../images/lista_mapa.png) no-repeat left 2px*/;

	list-style:disc;

}



#wrapper-content #mapa li a{

	color: #999;

}

#wrapper-content #mapa>li>a{

	color: #006b6e;

}

#wrapper-content #contenido .miga{

	float: right;

	font-size: 1.1em;

}

#wrapper-content #contenido .miga li{

	color: #999;

	display: inline;

	float: left;

	background:url(../images/miga.png) no-repeat left center;

	padding: 2px 5px 5px 15px;

}

#wrapper-content #contenido .miga li a{

	color: #999;

	border-bottom: 1px dotted #999;

}

#wrapper-content #contenido .miga li a:hover{

	color: #D76620;

	border-bottom: 1px dotted #D76620;

}




#wrapper-content #contenido ul.demos {
	float:left;

}

#wrapper-content #contenido ul.demos li{
	float: left;
	width: 260px;
	background: none;
margin-bottom: 25px;
}

#wrapper-content #contenido ul.demos li p{
      font-size: 1em;
}

#wrapper-content #contenido ul.demos li img{
	border: 6px solid #B3C8C9;
	margin: 25px 0px 3px;
}


#wrapper-content #contenido ul.referencias {
	float:left;
}

#wrapper-content #contenido ul.referencias li{
	float: left;
	width: 250px;
	background: none;
	text-align: center;
	margin-bottom: 25px;

}

#wrapper-content #contenido ul.referencias li p{
       font-size: 1em;
}
#wrapper-content #contenido ul.referencias li img{
	
	margin: 35px 0px 13px;
}
	

#wrapper-content .map{
	background:url(../images/icono_mapa.png) no-repeat left center;
	padding: 15px 0px 15px 28px;
}



	/***************FOOTER*****************/

#footer {

	width: 960px;

	margin: 65px auto 0px;

	clear:both;

	font-size: 1.1em;

	color: #999;

	border-top: 1px solid #CCC;

	

}



#footer h4{

	font-size: 1em;

	color: #006b6e;

}



#footer ul:first-child{

	list-style:none;	

	padding: 25px 0px 10px;

	border-bottom: 1px solid #CCC;

	float: left;

	background: url(../images/marca_logo.png) no-repeat right bottom;

	width: 100%;

	margin-left: 0px;

	font-size: 1.2em;

	

}



#footer ul li{

	padding: 10px 0px;	

	background:none;

	width: 245px;

	margin-left: 75px;

	float:left;


}

#footer ul li img{
	margin-top: 0px;
	margin-bottom: 0px;
}


#footer ul li ul{

	margin-left: 0px;

	

}



#footer ul li ul li{

	background: none;

	margin: 0px;

	font-size: .9em;

	width: 180px;

}



#footer ul li ul li a{

	border-bottom: 1px dotted #CCC;

	color: #999;

}

#footer ul li ul li a img{
border-bottom: none;
}

#footer ul li ul li img{

	vertical-align: middle;

	margin: 2px 5px;

}

#footer ul li ul li a:hover{

	color: #92b8b8;

}

#footer p {

	clear: both;

	text-align: center;

	font-size: 1.1em;

	margin-bottom: 15px;

}



.left{

	float:left;	

}



.right{

	float:right;	

}