@import "reset.css";

/*redefiniciones generales*/
html {padding: 0 0 0 0;   width: 100%; height: 100%;}
body { height: 100%; width: 100%; font-family: Arial, "MS Trebuchet", sans-serif; }
h5 { color: #ff9600; font-size: 13px; background-repeat: no-repeat; border-bottom: 1px solid #ff9600; margin: 25px 0 5px 0;}
/*redefiniciones generales fin*/

/*BACKGROUND IMAGES*/

/* IE 6 png24 soporte*/
div, a  { behavior: url(../iepngfix.htc) }

#bg_container
{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	/*IE6*/
	_position: absolute;
	background: transparent url(../images/backloader.gif) no-repeat scroll center center;
	z-index: -12;
}
#bg_container img
{
	width: 100%;
	/*position: fixed;*/



}
#bg_container img.act
{
	z-index: 2;
}
#bg_container img.past
{
	z-index: -2;
}
#bg_container img.loading
{

}
#flash
{
	height: 100%;
}
#sobre_flash {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
#bg_loader
{
	display:none;
}
#bg_loading
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
}
/*_______________________________________________________________PIE*/
#pie
{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 108px;
	float: left;
	background-image: url(../images/pie-back2.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	/*IE6*/
	_position:absolute;
	_bottom: -1px;
}
.pie-nav
{
	width: 970px;
	margin: 0px auto;
}
.pie-nav a
{
	_cursor: hand;
}
.pie-nav a img
{
	border: 0px;
}
.logo
{
	float: left;
}
/*__________MENU PRINCIPAL________________*/
.pie-menu
{
	float: left;
	margin: 41px 0px 0px 20px;
}
.pie-menu li
{
	display: inline;
}
.pie-menu li a
{
	width: 93px;
	height: 27px;
	float: left;
	margin: 0px 1px;
	padding: 15px 0px 0px 0px;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	text-decoration: none;
	text-align: center;
	background: transparent url(../images/pie-nav-li-back.png) no-repeat 0 0;
	/*_background: transparent url(../images/pie-nav-li-back-ie.gif) no-repeat 0 0;*/
}
.pie-menu li a:hover, .pie-menu li a.act
{
	background: transparent url(../images/pie-nav-li-back-hover.png) no-repeat 0 0;
	/*_background: transparent url(../images/pie-nav-li-back-hover-ie.gif) no-repeat 0 0;*/
}
.pie-submenu
{
	float: right;
	margin: 67px 0px 0px 0px;
}
.pie-submenu li
{
	display: inline;
}
.pie-submenu li a
{
	font-size: 80%;
	color: #fff;
	background-color: #515151;
	text-decoration : none;
	padding: 2px 5px;
}
.pie-submenu li a:hover, .pie-submenu li a.act
{
	background-color: #222222;
}
#avisolegal, #mapa-web
{
	font-size: 90%;
	color: #808080;
	padding-left: 10px;
}
.pie-submenu li a.naranja { background-color: #F46600; }
/*__________MENU PRINCIPAL FIN________________*/
.direccion
{
	margin: 2px 0px 0px 0px;
	width: 100%;
	clear: both;
	float: left;
}
.direccion p
{
	float: left;
	color: #2b2a2a;
	padding: 0px 0px 0px 10px;
}
.direccion p.add
{
	padding: 0px 15px 0px 30px;
}
.direccion p span
{
	font-weight: bold;
}
.direccion p a
{
	text-decoration: none;
	color: #0070ff;
}
.direccion p a:hover
{
	color: #2b2a2a;
}
.veiss
{
	width: 48px;
	height: 18px;
	float: right;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/veiss-logo.gif) no-repeat 0 0;
}
.veiss:hover
{
	background: transparent url(../images/veiss-logo-roll.gif) no-repeat 0 0;
}
.veiss span
{
	display: none;
}
/*_______________________________________________________________PIE FIN*/


/*_______________________________________________________________INNOVA*/
#innova
{
	width: 310px;
	float: right;
	position: absolute;
	left: 0;
	top: 20px;
	background-image: url('../images/seccion-back2.png');
}

#innova h1
{
	color: #ff9600;
	font-size: 300%;
	background-image: url('../images/seccion-h1-back.gif');
	background-repeat: no-repeat;
	height: 48px;
	line-height: 48px;
	padding-left: 20px;
}
#innova p {font-size: 13px; margin: 10px 0;}

#modulo0, #modulo1, #modulo2, #modulo3, #modulo4 {
	background-image: url('../images/seccion-back2.png');
	font-size: 12px;
	float: left;
	position: absolute;
	left: 0px;
	width: 270px;
	padding: 20px;
}
#modulo0 {
	color: #FFF;
	bottom: 320px;
}
#modulo1 {
	color: #FFF;
	bottom: 270px;
}

#modulo2 {
	color: #FFF;
	bottom: 220px;
}

#modulo3 {
	color: #FFF;
	bottom: 170px;
}

#modulo4 {
	color: #FFF;
	bottom: 120px;
}


/*_______________________________________________________________INNOVA FIN*/

/*____________________Navegador de fotografias*/
#foticos1
{
	position: absolute;
	padding: 5px 1px 5px 0;
	top: 70px;
	right: 0;
	background-image: url('../images/seccion-back.png');
	float: right;
	overflow: hidden;
	z-index: 400;
	_width: 440px;
}
#foticos2
{
	position: absolute;
	padding: 5px 1px 5px 0;
	top: 158px;
	right: 0;
	background-image: url('../images/seccion-back.png');
	float: right;
	overflow: hidden;
	z-index: 400;
	_width: 440px;
}
#foticos3
{
	position: absolute;
	padding: 5px 1px 5px 0;
	top: 246px;
	right: 0;
	background-image: url('../images/seccion-back.png');
	float: right;
	overflow: hidden;
	z-index: 400;
	_width: 440px;
}
#foticos4
{
	position: absolute;
	padding: 5px 1px 5px 0;
	top: 334px;
	right: 0;
	background-image: url('../images/seccion-back.png');
	float: right;
	overflow: hidden;
	_width: 440px;
}

.listilla
{
	height: 75px;
	padding: 0;
	overflow: hidden;
}

.listilla img
{
	border: 0px; margin: 0 1px 0 0; float: left;
}

.listilla a img{ filter: alpha(opacity=60); /*Explorer*/ opacity: 0.6; /*Firefox*/ -moz-opacity:0.60; /* Mozilla*/}
.listilla a:hover img{ filter: alpha(opacity=100); /*Explorer*/ opacity: 1.0; /*Firefox*/ -moz-opacity:1.00; /* Mozilla*/}
.listilla a.on img{ filter: alpha(opacity=100); /*Explorer*/ opacity: 1.0; /*Firefox*/ -moz-opacity:1.00; /* Mozilla*/}


/*____________________Navegador de fotografias innova FIN*/



/*_______________________________________________________________SECCION*/
#seccion
{
	width: 366px;
	float: right;
	position: absolute;
	right: 0px;
	top: 40px;
	padding-bottom: 140px;
}
.contenido, .navegador
{
	background-image: url('../images/seccion-back.png');
	width:100%;
	float: left;
}
.contenido
{
	padding: 0px 0px 10px 0px;
}
.contenido h1
{
	color: #ff9600;
	font-size: 220%;
	background-image: url('../images/seccion-h1-back.gif');
	background-repeat: repeat-y;
	/*
	height: 48px;
	line-height: 48px;
	*/
	padding: 10px 15px 10px 22px;
	margin: 0px 0px 10px 0px;
}
.contenido h2
{
	color: #ff9600;
	font-size: 140%;
	background-repeat: no-repeat;
	height: 36px;
	line-height: 36px;
	padding: 0px 0px 0px 22px;
}
.contenido p
{
	color: #fff;
	padding: 9px 22px;
}
.contenido p a
{
	text-decoration: none;
	color: #ff9600;
}
.contenido p a:hover
{
	color: #fff;
}
.contenido p a img
{
	border: 2px solid #ff9600;
	margin: 0px 5px 0px 0px;
}
.contenido ul
{
	padding: 0px 22px;
}
.contenido ul li
{
	color: #fff;
	padding: 1px 8px;
}
/*Flecha para la lista de calidades*/
.contenido ul.calidades  li
{
	padding: 0px;
	margin: 0px;
	min-height: 20px; height: auto !important; height: 20px;
}
.contenido ul li a
{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 3px 0px 4px 14px;
	background: url(../images/calidades-li-back.gif) no-repeat 6px 8px;
}
.mapaweb ul li a
{
	font-size: 14px;
	background-position: 6px 8px;
}
.contenido ul li a:hover
{
	color: #ff9600;
	background-color: #050505;
}
.contenido ul li.verde a
{
	display: block;
	color: #8ce7a0;
	background-color: #055f18;
	text-decoration: none;
	padding: 3px 0px 4px 14px;
	background: url(../images/calidades-li-backverde.gif) no-repeat 6px 8px;
}
.contenido ul li.verde a:hover
{
	color: #FFF;
	background-color: #126523;
}
/*____________________Formulario de contacto*/
.contacto, .contacto p
{
	margin: 0px 0px;
	padding: 3px 0px;
}
.contacto label
{
	width: 26%;
	padding: 0px 0px 0px 6%;
	float: left;
}
.contacto textarea
{
	height: 40px;
}
.contacto input, .contacto textarea
{
	width: 50%;
	border: 0px;
	padding: 3px;
}
.contacto p.contacto_gracias
{
	margin:0 6% 6% 6%;
	float: left;
}
#enviar
{
	width: 70px;
	margin: 0px 0px 0px 32%;
	color: #000;
	background-color: #ff9600;;
}
/*____________________Navegador de fotografias*/
.navegador
{
	height: 62px;
	margin: 6px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
	overflow: hidden;
}
.fotos
{
	width: 228px;
	height: 48px;
	float: left;
	overflow: hidden;
}
.fotoscont
{
	width: 227px;

	height: 48px;
	overflow: hidden;
}
.fotoslista
{
	width: 4000px;
}
.fotoslista li
{
	display: inline;
	float: left;
}
.fotoslista li a
{
	width: 70px;
	height: 48px;
	margin: 0px 0px 0px 20px;
	float: left;
	background: transparent url(../images/galeria-loader.gif) no-repeat scroll center center;
}
.fotoslista li a img
{
	border: 0px;
}
.miniloader
{
	display: none;
}
.control_iz
{
	float: left;
}
.control_de
{
	float: right;
	margin: 0px 0px 0px 0px;
}
.control_de:visited img, .control_de:hover img
{
	border: 0px;
}
.control_de img, .control_iz img
{
	border: none;
}
/*____________________Navegador de fotografias FIN*/

.calidadescolor { color: #FF9600; font-style: italic; }
.colmapa { width: 150px; }
.colmapa ul { padding: 0px 0px 0px 22px; }
.fl { float: left; }
.fr { float: right; }
.mapaweb ul.mapapeque li a
{
	font-size: 12px;
	background-image: none;
	background-color: #776e67;
	padding: 0px 0px 0px 4px;
}
.piemar { margin-top: 3px; }
#navtcont h2#titp { font-size: 13px; font-weight: bold; }
/************** Thickbox *********/
div#oculto {
  background-color: #000000;
  left: 0;
  margin: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 100%;
}