/*

hijosdeestevez.com:  Hoja de estilos

por David Moya. http://www.atrioweb.com/

Última modificación: 24-02-2010

================================================*/



* {

margin:0px;

padding:0px;

}



html { font-size:62.5%;  }



body {

font:1.3em Georgia, Verdana, arial, helvetica, sans-serif ;

line-height: 1.4em;

color:#333;

}



img {border:none;}



ul li{list-style:none;}



a{text-decoration: none;color:#007283}



.nomargin{margin:0 !important}

.aright{text-align: right;}

img.aright{float:right;margin: 0 0 6px 12px;}

.aleft{text-align: left;}

img.aleft,a.aleft{float:left;margin: 0 12px 6px 0;}

.acenter,#main p.acenter{text-align: center;margin:0 auto;}

.last{margin:0 !important}

.clear{clear:both;}

.marginx2 {margin: 0 0 2em !important;}

.marginx4 {margin: 0 0 4em !important;}



.marco{

float:right;

margin: 4px 0 8px 16px;

padding:15px 0 0 15px;

width:327px;

height:265px;

background: transparent url(../img/bg_marco.png) no-repeat;

}



.marco_ver{

float:right;

margin: 4px 0 8px 16px;

padding:15px 0 0 15px;

width:265px;

height:327px;

background: transparent url(../img/bg_marco_ver.png) no-repeat;

}





/*

--------------------------------------------------------------*/



body {

background: #999E81 url(../img/bg.jpg) repeat-x;

 height:100%;}



#container{

float:left;

width:100%;

}



#wrap0{

width:860px;

margin:0 auto;

background: transparent url(../img/wrap0.jpg) repeat-y;

}



#wrap1{

width:860px;

margin:0 auto;

background: transparent url(../img/wrap1.jpg) no-repeat;

}



#wrap{

position: relative;

width:832px;

margin:0 auto;

background: #FBECCB url(../img/fondo.jpg) no-repeat;

}





#nav{

position: relative;

width:832px;

margin:0 auto;

height: 46px;

background: transparent url(../img/bg_nav.png) no-repeat;

}



#header{

position:relative;

width:832px;

margin:0 auto;

height:100px;

background: transparent ;

}







#banner{

clear:both;

width:832px;

margin:0 auto;

background: transparent ;

}





#content{

	position: relative;

width:832px;

margin: 0 auto;

background: transparent ;

}



#main {

float:right;

display:inline; /*ie*/

width: 772px;

padding:0 30px;



	min-height:600px;

	height:auto !important ;

	height:600px;/*ie*/

}



	#home #main{width: 590px;padding: 0 30px 0 20px;}

	#home #main_header{/*home*/

	position: relative;

	}



#sidebar {display:none;}



	#home #sidebar{

	display:inline;

	float:left;

	width: 192px;

	margin:10px 0 0;

	}



#carrusel{/*home*/

	position: absolute;

	top:400px;

width:822px;

height:160px;

}



#footer {

position:relative;

clear:both;

width:832px;

margin: 0 auto 0;

height:50px;

}



#footer_out {

clear:both;

width:772px;

padding:10px 30px 0 30px;

margin: 0 auto;

background-color: #EED8A0;

border-top:2px solid #DCAF50;



	min-height:30px;

	height:auto !important ;

	height:30px;/*ie*/



}





#farol{

position:absolute;

	z-index:10;

right:-70px;

top:26px;

}

/*-------------------------------------------------*/







#logo{

position:absolute;

top:22px;

left:30px;

width:232px;

height:55px;

}



#logo a{

display:block;

width:232px;

height:55px;

text-indent:-9999px;

background: url(../img/logo_int.png) 0 0 no-repeat;

}



	#home #logo{

	top:30px;

	left:30px;

	width:373px;

	height:100px;

	}



	#home #logo a{

	display:block;

	width:373px;

	height:100px;

	text-indent:-9999px;

	background: url(../img/logo.png) 0 0 no-repeat;

	}





#address{

position:absolute;

top:22px;

right:30px;

text-align:right;

color:#3F3F32;

height:4em;

font-style: italic;

}



#address a:hover{

text-decoration: underline;

}



	#home #address{

	top:140px;

	left:50px;

	width:340px;

	text-align:left;

	color:#3F3F32;

	height:4em;

	}





	#home #addressA{

	float:left;

	width:130px;

	}

	#home #addressB{

	float:right;

	width:160px;

	text-align:right;

	}



	#home #addressA span{

	font-size: 0.85em;

	}



/*carousel-------------------------------------------------*/



#mycarousel{/*home*/

margin: 0 0 0 10px;

}



#carrusel p{

	margin: 20px 0 0 10px;

	font-size: 0.85em;

	font-style: italic;

	line-height: 1.2em;

}



/*-------------------------------------------------*/



#nav ul {

padding: 4px 0 0 15px;

} 



#nav ul li{

display:inline;

} 



#nav ul li a{

display:block;

float:left;

height:18px;

padding: 10px 15px 0 15px;

color:#FFEAB6;

font-style: italic;

} 



#nav ul li a:hover{

text-decoration:underline;

} 



/*nav-lang-------------------------------------------------*/





ul#nav-lang {

	width:200px;

	position:absolute;

	z-index:100;/*para que vaya encima del farol grande*/ 

	right:20px;

	top:10px;

	margin: 0 !important;

	padding: 0 !important;

}



#nav-lang li {

	display:inline;

	float:right;

	background:transparent;

	height:25px;

}



#nav-lang li a{

	margin: 0 0 0 12px !important;

	padding: 0 !important;

	display:block;

	width:37px;

	height:25px !important;

	color:#fff; 

	text-decoration:none;

	text-indent:-9999px; 

cursor:pointer;



}



#nav-lang li#lang1 a{

	background: url(../img/lang_es.png) no-repeat;

}



#nav-lang li#lang2 a{

	background: url(../img/lang_en.png) no-repeat;

}



/*-------------------------------------------------*/



#main a:hover{

text-decoration:underline;

} 



#main h1 {

margin:0 0 0.8em;

font-size:2em;

font-style: italic;

font-weight: normal;

color:#3F3F32;

line-height: 1.2em;

}



#main h2 {

margin:0 0 0.1em;

font-size:1.23em;

font-style: italic;

font-weight: bold;

color:#3F3F32;

}



#main h3 {

font-size:1em;

font-style: italic;

font-weight: bold;

color:#3F3F32;

}



#main p, #main .texto {

text-align:justify;

margin:0 0 1em;

}



#main p.small {

font-size:0.85em;

}



#main ul{

margin:0 0 1em;

}



#main ul li{

margin:0 0 0 20px;

background: url(../img/bullet.gif) 0 4px no-repeat;

padding: 0 0 0 14px;

text-align: justify;

}



	#main ul.noticias li{

	margin:0 0 1em 5px;

	}





#main ol{

margin:0 0 1em;

}



#main ol li{

margin:0 0 0 40px;

text-align: justify;

}



#slideshow {background-color:#fff; /*float:right; height:276px; position:relative; width:506px; */ position:relative; width:310px;height:248px; 

/*box-shadow: 0px 0px 6px #000000; -webkit-box-shadow: 0px 0px 6px #000000; -moz-box-shadow: 0px 0px 6px #000000;*/ }

#slideshow a {left:0; position:absolute; top:0; z-index:2;cursor:default;}

#slideshow a.active {z-index:4;}

#slideshow a.last-active {z-index:3;}



#slideshow_ver {background-color:#fff; /*float:right; height:276px; position:relative; width:506px; */ position:relative; width:248px;height:310px; 

/*box-shadow: 0px 0px 6px #000000; -webkit-box-shadow: 0px 0px 6px #000000; -moz-box-shadow: 0px 0px 6px #000000;*/ }

#slideshow_ver a {left:0; position:absolute; top:0; z-index:2;cursor:default;}

#slideshow_ver a.active {z-index:4;}

#slideshow_ver a.last-active {z-index:3;}



/*2cols-------------------------------------------------*/



#main #main_colA{

float:left;

width:376px;

}



#main #main_colB{

float:right;

width:376px;

}



/*list-------------------------------------------------*/



#muestras{

margin:0;

padding:10px 0  0 20px;

}



#muestras li{

float:left;

display:inline;

background: transparent !important;

width:400px;

height:250px;

margin: 0 0 20px 0 !important;

padding: 0 !important;

}



#muestras li.last{

width:350px;

}



#muestras .img{

float:left;

width:250px;

height:250px;

margin: 0 5px 0 0;

}



#muestras .txt{

position:relative;

float:left;

width:90px;

height:220px;

margin:30px 0 0;

text-align: right;

font-size: 0.93em;

font-style: italic;

color:#007283;

}



#muestras .stock{

margin:1em 0 0 20px;

padding:1em 0 0;

background: url(../img/linea_hor.gif) 0 0 repeat-x;

color:#4C513C;

}



#muestras .muestras-adicionales-txt {

position:absolute;

bottom:0;

text-align:right;

width:100%;

}

#muestras .muestras-adicionales-txt a{

display:block;

text-decoration: underline;

}



/*tipo de página 2: Ambientes*/



#muestras2{

}



#muestras2 li{

background: transparent !important;

margin: 0 !important;

padding: 0 !important;

}







#muestras2 .img{

text-align:center;

}



#muestras2 .txt{

width:500px;

margin:20px auto 0;

padding: 0 0 10px;

font-size: 0.93em;

font-style: italic;

color:#4C513C;

text-align:center;

}



#muestras2 .hr{

text-align:center;

margin: 0 0 20px;

}





/*main-paginacion-----------------------------------------------*/



#main p.pag{

	clear:both;

	width:80%;

	text-align:center;

	margin:1em auto;

	color: #999;

}



#main p.pag span{

	padding:3px 6px;

	border: 1px solid #999;

	background-color: #999;

	color:#fff;

	text-decoration: none;

	font-weight:bold;

}



#main p.pag span.inactive {

}





#main p.pag a{

	padding:3px 6px;

	border: 1px solid #999;

	background-color: transparent;

	color: #999;

	text-decoration: none;

	font-weight:bold;

	line-height:36px;

}



#main p.pag a:hover{

	border: 1px solid #007283;

	color: #007283;

}



#main p.pag a.current {

	background-color: #007283;

	color: #fff;

	cursor: default;

	border: 1px solid #007283;

}







/*tablas--------------------------------------------------------*/



/*INICIO TABLA */



table{	

width:99%;

margin: 0 0 1em;

border-left:1px solid #999;

border-top:1px solid #999;

border-spacing:0px;/*por seguridad, ponerlo para eliminar el cellspacing en Mozilla. IE no lo soporta*/

border-collapse:collapse;

}



table th{

border-right:1px solid #999;

border-bottom:1px solid #999;

background-color:#E9E5DD; 

padding:0.2em 0.5em;

border-spacing:0;

vertical-align:top;

color:#333;

}



table tr{

margin:0;

padding:0;

border-spacing:0;

}



table td{

border-right:1px solid #999;

border-bottom:1px solid #999;

padding:0.2em 0.5em;

border-spacing:0;

vertical-align:top;

}





/*FIN TABLA */





/*SIDEBAR-------------------------------------------------*/



#sidebar ul{

}



#sidebar ul li{

}



#sidebar ul li a{

display:block;

padding: 6px 10px 6px 30px;

height:1%; /* IE WIN */

color:#67674B;

font-style: italic;

font-size: 16px;

}



#sidebar ul li a:hover{

text-decoration:underline;

} 







/*FOOTER-------------------------------------------------*/



.rs{

position:absolute;

margin: 0 -60px 0 26px;

}

.rs li{display:inline;}

.rs a{

display:block;

float:left;

margin: 0 60px 0 0;

width: 64px;

height: 64px;

text-indent: -9999px;

}

.rs a.fb{background: url(../img/ico_fb.png) no-repeat 0 0;}

/*.rs a.tw{background: url(../img/ico_twitter.png) no-repeat 0 0;}

.rs a.li{background: url(../img/ico_linkedin.png) no-repeat 0 0;}*/ 











/*FOOTER_OUT-------------------------------------------------*/



#footer_out{

font-size:0.85em;

color:#3F3F32;

}



#footer_out #copyright{

float:left;

line-height:24px;

height:24px;

}



#footer_out #xhtml{

float:right;

}



#footer_out a{

color:#3F3F32;

}

#footer_out a:hover{

color:#000;

}





#footer_out p {



}











/*contacto-------------------------------------------------*/







#cnt form{

margin:0 0 1em;

} 



#cnt fieldset{

border:none;

}



#cnt legend{

display:none;

}



#cnt label{

display:block;

width:90px;

margin: 0 0 0.1em;

color:#3F3F32;

}



#cnt input{

display:block;

width:350px;

margin: 0 0 1em;

padding:2px;

border:1px solid #999;

background: #fff;

}



#cnt textarea{

display:block;

width:350px;

height:100px;

margin: 0 0 1em;

padding:2px;

border:1px solid #999;

background: #fff;



}



#cnt input.boton{

width:73px;

height:24px;

background: url(../img/btn_enviar_es.gif);

margin: 0 0 1em 283px;

color:#fff;

cursor:pointer;

border:none;





} 





/* CLEARFIX 

-------------------------------------------------*/





.clearfix:after {

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}

.clearfix {

display:inline-block;

}

.clearfix {

display:block;

}

* html .clearfix {

height:1px;

}