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

Título : ROBLES
Autor : Carlos

Descripción : robles.css

Creado : 16 de mayo 2007

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


/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/
body{
	margin:0;
	padding:0;
	background:#6e4a31;
}
h1{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	font-size:16px;
	color:#856045;
	padding:0;
	margin:0;
}
p{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	font-size:14px;
	color:#666;
	line-height:20px;
}
a{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	font-size:14px;
	color:#6e4a31;
	line-height:20px;
	text-decoration:none;
}
a:hover{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	font-size:14px;
	color:#856045;
	line-height:20px;
	text-decoration:underline;
}

tr{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	font-size:14px;
	color:#666;
	padding:0;
	margin:0;
}
.styletd{
	color:#FFFFFF;
	font-weight: bold;
	text-align:center;
	height:30px;
}
.styletd2{
	height:30px;
	text-align:center;

}
.styletd3{
	height:30px;
	text-align:left;
	border-bottom:1px solid #999999;

}

.styletd4{
	height:30px;
	background:#856045;
	text-align:left;
	color:#FFFFFF;
	padding-left:10px;
}
.styletd5{
	height:30px;
	text-align:center;
	border-bottom:1px solid #999999;
}
.styletd6{
	height:100px;
	text-align: center;
	border-bottom:1px solid #999999;

}


#superior{
	background:#5f3c22 url(../gfx/tira/tiratop_100.gif) repeat-x ;
	/*height:150px;*/
	
}
#medio{
	background: url(../gfx/tira/tira-content.gif) repeat-x top #E8E8F3;
}
#conte_medio{
	margin-left:auto;
	margin-right:auto;
	width:842px;
	/*height:500px;*/
	padding:0px 50px 0 50px;
	background:url(../gfx/tira/tira1.gif) top repeat;
}

#conte_superior{
	margin-left:auto;
	margin-right:auto;
	width:920px;
	height:175px;
	padding: 10px 30px 0 30px;
}
#logorobles{
	float:left;
	padding:20px 0;
	width:148px;
}
#logonasa{
	float:right;
	width:114px;
}

#con_botonera{
	float:left;
	width:920px;
	height:30px;
	margin-top:14px;
	padding-top:35px;
	background:url(../gfx/tira/superior.gif) top no-repeat;
}

#conte_banner{
	float:left;
	width:488px;
	/*margin-top:60px;*/
	}
#conte_foto{
	float:right;
	width:279px;
	/*height:384px;*/
}

#bajo{
	height:90px;
	background:#6e4a31 url(../gfx/tira/footer.gif) repeat-x top;
	
}
#footer{
	margin-left:auto;
	margin-right:auto;
	width:920px;
	padding: 0 30px 0 30px;

}
#contebajo{
	float:left;
	width:920px;
	height:30px;
	background: url(../gfx/tira/bajo.gif) top no-repeat;

}
#tirafoto{
	float:right;
	width:311px;
	margin-right:33px;
	display:inline;
}
#contefirma{
	float:left;
	width:540px;
	margin-top:10px;
}
#contefirma p{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	color:#D5D5E3;
	font-size:11px;
}
#contefirma a{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	color:#D5D5E3;
	font-size:11px;
	text-decoration:none;
}
#contefirma a:hover{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	color:#D5D5E3;
	font-size:11px;
	text-decoration:none;
}

#logopuntopy{
	float:right;
	width:200px;
	margin-top:10px;
}
#logopuntopy p{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	color:#D5D5E3;
	font-size:11px;
	text-align:right;
}
#logopuntopy a{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	color:#D5D5E3;
	font-size:11px;
	text-decoration:none;
}
#logopuntopy a:hover{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	color:#D5D5E3;
	font-size:11px;
	text-decoration:none;
}
.contefoto{
	float:left;
	width:217px;
	margin-top:20px;
}
.conteizquier{
	float:right;
	width:616px;
	margin-top:20px;	
}

/***********************/
/*****botonera***********/
/***********************/
/*
ul.nav{
	list-style:none;
	margin:0;
	padding:0;
}
ul.nav li {
	margin:0;
	padding:0;
	float:left;
	}
ul.nav li a {
	display:block;
	padding:5px 10px 5px 10px;
	margin:0 10px 0 0;
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	color: #856045;
	background-color:#D5D5E3;
	}
ul.nav li a:hover {
	color: #D5D5E3;
	background-color:#856045;
	}
.marcado{
	color: #D5D5E3;
	background-color:#856045;
	}
*/

#nav, #nav ul {
	padding:0;
	margin:0;
	list-style:none;
}

#nav a {
	display:block;
	text-decoration:none;
	color:#fff;
	/*height:21px;*/
	padding:0;
}

#nav li {
	float:left;
	width:auto;
}

#nav li ul {
	position:absolute;
	width:120px;
	left:-999px;
	text-align:left;
	/*border-bottom:1px solid #166A39;*/
}

#nav li:hover ul, #nav li.sfhover ul {
	left:auto;
}

#nav li ul li {
	/*width:120px;*/
	/*border-bottom:1px solid #166A39;	*/
	
}

#nav li a {
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	font-size:13px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	margin:0 2px 0 15px;
	color: #856045;
}

#nav li a:hover {
	color: #fff;
}

#nav li#btn-inicio.stylemarcador a {
	background-position:center -30px;
	color:#fff;
}

#nav li#btn-productos.stylemarcador a {
	background-position:center -30px;
	color:#fff;
}

#nav li#btn-inicio a {
	background:url(../gfx/pestanas/bg-inicio.gif) center top no-repeat;
}

#nav li#btn-inicio a:hover {
	background-position:center -30px;
}

#nav li#btn-empresa a {
	background:url(../gfx/pestanas/bg-empresa.gif) center top no-repeat;
}

#nav li#btn-empresa a:hover {
	background-position:center -30px;
	
}

#nav li#btn-empresa ul {
	border-top:2px solid #ccc;
	margin-left:15px;
	width:132px;
}

#nav li#btn-empresa ul li {
	border-bottom:2px solid #ccc;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	margin-left:0;
	width:128px;
}

#nav li#btn-empresa ul li a {
	background:#fff url(../gfx/pestanas/bg-subpestana.gif) left bottom repeat-x;
	height:20px;
	margin:0;
	padding:5px 0;
}

#nav li#btn-empresa ul li a:hover {
	background:#9b6a47 url(../gfx/pestanas/bg-subpestana_hover.gif) left bottom repeat-x;
	color: #fff;
}

#nav li#btn-industria a {
	background:url(../gfx/pestanas/bg-industria.gif) center top no-repeat;
}

#nav li#btn-industria a:hover {
	background-position:center -30px;
	
}

#nav li#btn-industria ul {
	border-top:2px solid #ccc;
	margin-left:15px;
	width:134px;
}

#nav li#btn-industria ul li {
	border-bottom:2px solid #ccc;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	margin-left:0;
	width:130px;
}

#nav li#btn-industria ul li a {
	background:#fff url(../gfx/pestanas/bg-subpestana.gif) left bottom repeat-x;
	height:20px;
	margin:0;
	padding:5px 0;
}

#nav li#btn-industria ul li a:hover {
	background:#9b6a47 url(../gfx/pestanas/bg-subpestana_hover.gif) left bottom repeat-x;
	color: #fff;
}

#nav li#btn-productos a {
	background:url(../gfx/pestanas/bg-productos.gif) center top no-repeat;
}

#nav li#btn-productos a:hover {
	background-position:center -30px;
	
}

#nav li#btn-contactenos a {
	background:url(../gfx/pestanas/bg-contactenos.gif) center top no-repeat;
}

#nav li#btn-contactenos a:hover {
	background-position:center -30px;
	
}

#nav li#btn-contactenos ul {
	border-top:2px solid #ccc;
	margin-left:15px;
	width:148px;
}

#nav li#btn-contactenos ul li {
	border-bottom:2px solid #ccc;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	margin-left:0;
	width:144px;
}

#nav li#btn-contactenos ul li a {
	background:#fff url(../gfx/pestanas/bg-subpestana.gif) left bottom repeat-x;
	height:20px;
	margin:0;
	padding:5px 0;
}

#nav li#btn-contactenos ul li a:hover {
	background:#9b6a47 url(../gfx/pestanas/bg-subpestana_hover.gif) left bottom repeat-x;
	color: #fff;
}

#nav .stylemarcador2{
	font-family:Tahoma, Arial, "Times New Roman", "Trebuchet MS";
	font-size:13px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	margin:0 2px 0 2px;
	color: #D5D5E3;
	background-color:#674329;
}


/**************************************/
/******* galeria **********************/
/**************************************/

.galeria{
	float:left;
	/*width:136px;*/
	border:5px solid #E8E8F2;
	margin:10px 8px 10px 0;
}
/* JAVITY CSS CODE HERE BABY!! OH YEAH!*/
.imagenlefthome {
	float:left;
	border: solid 3px #b8b8e4;
	margin-right:30px;
	margin-bottom:30px;
	}
	
#hometopcontent {
	padding-top:30px;
	clear:both;
	height:auto;
	}

#hometopcontent p { text-align:justify }

#marquesinahome {
	clear:both;
	float:left;
	}

#flashdownhome {
	clear:both;
	padding-top:20px;
	}
	
/* modificaciones por edu ayala 16/01/2008 */
.clear {
	clear:both;
	height:0;
	font-size:0;
}

#nav {
	padding-left:23px;
}

#home-izq, #home-der {
	padding:35px 0;
}

#home-izq h1, #home-der h1 {
	margin-bottom:15px;
}

#home-izq img, #home-der img {
	border:3px solid #b8b8e4;
	display:block;
	margin:0 auto;
}

#home-izq p, #home-der p {
	text-align:justify;
}

#home-izq {
	float:left;
	margin-right:35px;
	width:401px;
}

#home-der {
	float:right;
	width:401px;
}