/*  
Theme Name: Estilos
Theme URI: http://www.ada-systems.net/
Description: Designed by www.ada-systems.net
Version: 1.0
Author: Ada-Systems.
*/

/***********************
*	     Basicos       *
***********************/
body {
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-size: 80%;
	font-family: optima, helvetica, Verdana, Arial, Sans-Serif;
	color: #eeeeee;
	text-align: center;
}

p, ul, ol {
	line-height: 21px;
	color:#808080;
}

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0;
	padding: 0;
   	font-family: optima, helvetica, Verdana, Arial, Sans-Serif;
	color: #808080;
}

h1 {font-size: 160%;}
h2 {font-size: 150%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}

a:link,
a:visited {
	color: #555555;
	text-decoration: none;
	}
a:hover,
a:active {
	color: #555555;
	text-decoration: underline;
	}

p{
	margin: 10px 20px 0px 20px;
	text-align:justify;
	color: #bbbbbb;
}

/***********************
*	     Global        *
***********************/
#Global
{
	position:relative;
	margin:0px auto 0px auto;
	top:0px;
	left:0px;
	width: 900px;
}
#IESeis{
	position:relative;
	padding:5px;
	top: 0px;
	width: 0px;
	background-color: #ffffff;
	color: #000000;
	height: 15px;
	width: 100%;	
	border-bottom: 2px solid #ff0000;
}
	#IESeis a{
		color:#ff0000;
}
#Banda{
	position:absolute;
	left: 0px;
	top: 0px;
	height: 400px;
	width: 450px;
	background: url(../piezas/Estela.png) no-repeat;
}

/***********************
*		 Cabeza        *
***********************/
#Cabecera{
	position: relative;
	margin:0px auto 0px auto;
	top:0px;
	left:0px;
	width: 900px;
	height:163px;
	border-bottom: 2px solid #808080;
}

.BordeCabez {
	border:2px solid #bbbbbb;
}

#Logo{
	position:absolute;
	top:55px;
	right: 30px;
	padding:20px 0px 0px 0px;
	text-align:center;
	background:url(../piezas/separadorlogo.jpg) no-repeat center top;
}

#Menu{
	position: absolute;
	list-style: none;
	bottom: 5px;
	left:20px;
}
	#menu  li{
		float:left;
		list-style: none;
	}
		
	#menu li a{
		width:100px;
		margin: 10px;
		text-decoration:none;
		text-align:center;
		font-size:110%;
		color:#009b3a;
	}
	#menu li a.activo{
		border-bottom:2px solid #009b3a;
		color:#808080;
	}
	
	#menu li a:hover{
		border-top:2px dotted #808080;
	}
	
.ImgZoom{
	margin: 10px 5px 5px 5px;
	padding: 10px;
	border: 1px solid #ffffff;
}

#MapaWebId{
	position:absolute;
	top:125px;
	right: 10px;
	padding:20px 0px 0px 0px;
}
/***********************
*		 Cuerpo        *
***********************/
#Cuerpo{
	position: relative;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px; 
	top:0px;
	left:0px;
	width: 900px;
	height:415px;
}

#CuerpoSeccCompleta{
	position: relative;
	margin: 20px auto 0px auto;
	height: 390px;
	width: 860px;
	border-left: 2px dotted #808080;
	border-right: 2px dotted #808080;
	overflow:auto;
}
#GaleriaCorridaCocina{
	position: absolute;
	margin: 0px auto 0px auto;
	height: 370px;
	width: 14640px;
}
#GaleriaCorridaBanos{
	position: absolute;
	margin: 0px auto 0px auto;
	height: 370px;
	width: 7980px;
}

#GaleriaCorridaEmpo{
	position: absolute;
	margin: 0px auto 0px auto;
	height: 370px;
	width: 1530px;
}

.ImgGaleria{
	float: left;
	margin: 9px;
	padding: 5px;
	border:1px solid #009b3a;
}

#CuerpoSeccPeq{
	float:left;
	margin: 5px auto 0px auto;
	text-align:center;
	height:410px;
	width:230px;
	overflow:auto;
}
	#CuerpoSeccPeq p{
	margin: 5px auto 0px auto;
	font-size: 130%;
	width: 170px;
	text-align: left;
	color:#808080;
	}
	
#CuerpoSeccGran{
	float: left;
	height:410px;
	width: 660px;
	color:#808080;
}

.Titulo{
	padding:30px 20px 30px 20px;
	font-size:140%;
	color:#707070;
	text-align:left;
	background: url(../piezas/separadortitulo.jpg) no-repeat bottom left;
}

.Borde {
	margin:7px 7px 7px 7px;
	padding:7px;
	background: url(../piezas/bgnoticias.jpg) no-repeat top left;
	border:1px solid #bbbbbb;
}

.ContactaEmail{
	position:absolute;
	text-align:center;
	font-size:110%;
	color:#555555;
	bottom: 20px;
	left:340px;
}
.ContactaInfo{
	float: left;
	padding: 50px 0px 0px 0px;
	text-align:center;
	font-size:130%;
	color:#555555;
	width: 445px;
}	
	.ContactaInfo .Nuevo{	
		position: absolute;
		top:70px;
		left:520px;
	}
	.ContactaInfo .flash{
		margin: 10px auto 10px auto;
		width: 350px;
	}
	.ContactaInfo .Titulo{
		margin-bottom: 30px; 
		font-size:150%;
		text-align: center;
	}
	.ContactaInfo .DatosContacta{
		margin: 0px auto 10px auto;
		text-align: justify;
		font-size: 90%;
		width: 220px;
	}
/***********************
*		 Pie           *
***********************/
#Pie{
	position: relative;
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px;
	font-size:10px;
	top:0px;
	left:0px;
	width: 900px;
	height:20px;
	color: #009b3a;
	border-bottom:2px solid #808080; 
}
#Pie img{
	margin: 0px 1px 0px 1px;
}