/* definicion de hojas de estilo basicas
----------------------------------------------- 
	copyright popsique para albada.net 
	ultima actualización: 21 julio 2005
*/


/* globales
----------------------------------------------- 
	#html y #body : define todas las paginas del sitio.
	#central : fieldset donde se mete toda la web
	#albada: para el pie. firma sin js.
*/
html,body {
	margin:2px 0px 5px 0px;
	padding:0;
	color:#333;
	
}
body {
	font: 11px 'lucida sans', arial, Helvetica, sans-serif;
	color:#333;
background: #fff url(/img/plantilla/fondoBody.gif);
}
#central {	
	padding: 0px; 			margin: 0px auto 0px auto; /* centrar en horizontal */
	width: 608px; 			
}
#borde {
	padding: 0px;
	width: 610px; 			
	background: #fff;	
	float: left;
	border-left: 1px solid #313600;
	border-right: 1px solid #313600;
}

#cabecera {
	width: 605px;			height: 30px;			float: left;
	margin: 0px 0px 0px 0px;	clear: both;	padding: 50px 5px 0px 0px;
	text-align: right;
	vertical-align: bottom;
	background: #330 url(/img/plantilla/cabecera.jpg) no-repeat center;
}
#cabecera a {
	text-decoration: none;
	color: #fff;
}
form {
	padding: 0px; 	margin: 0px;
}
#cabecera img, #pie img {
	border: 0px;
}
#izquierda {
	width: 255px;			height: 300px;			float: left;
	margin: 5px 5px 0px 0px;						padding: 0px 0px 0px 0px;
	border-top: solid 5px #313600;
	/*border-bottom: solid 5px #313600;*/			text-align: left;
}

#izquierdaSituacion {
	width: 245px;			height: 650px;			float: left;
	margin: 5px 5px 0px 0px;						padding: 0px 5px 0px 5px;
	text-align: left;
}
#izquierdaSituacion h5, .cartaTipo2 h5 {
	font: italic 11px georgia, arial, Helvetica, sans-serif;
	color: Maroon;
	width: 100%;
	border-bottom: 1px dotted red;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}
.cartaTipo2 h5 {
	
}
#izquierdaSituacion p {
	padding: 0px 0px 0px 15px;
	text-align: justify;
	margin: 5px 0px 15px 0px;
}
#izquierdaServicios {
	width: 600px;			float: left;
	margin: 5px 5px 0px 0px;						padding: 0px 0px 0px 0px;
	/*border-bottom: solid 5px #313600;*/			text-align: left;
}
.derecha {
	width: 340px;			height: 290px;			float: right;
	border: solid 5px #313600;						margin: 5px 0px 0px 0px;
}

#pie {
	width: 100%;			height: 22px;			float: left;
	background: url(/img/plantilla/fondoPie.gif) repeat-x;
}
.nivel1 {
	text-align: right;		margin-top: 0px;	
}
.nivel2 {
	text-align: left;		margin-top: -10px;
}
#albada {
	width: 100%;						text-align: center;
	border-top: 1px dotted rgb(90%,90%,90%);	padding-top: 5px;				padding-bottom: 5px;				margin-top: 10px;
}
#albada a{
	text-decoration: none;
	color: rgb(70%,70%,70%);
}
#albada a:hover {
	text-decoration: underline;
	color: rgb(70%,70%,100%);
}
h3 {
	font-family: thalia;
	font-size: 31px;				color: #696406;	padding: 0px;	margin: 0px;
}

/* capas home */
#parrafosHome {padding: 0px 0px 0px 5px ;margin: 0px; border-bottom: 5px solid #313600; height: 290px;}
#parrafosHome p {margin: 6px 0px 0px 0px;padding: 0px;}
/*#botenesHome {height: 292px;}

*/
#botonesHome {
	width: 100%;		float: left;
	padding: 5px 0px 0px 0px; border: 0px;
	text-align: center;
	background: #fff;
}
#botonesHome img {
	border: 0px;
	width: 93px;
	height: 89px;
}

/* platos */
#menuCabecera {
	width: 100%;			height: 25px; 			float: left;
	background: #606008;	
	border-top: solid 1px #fff;					border-bottom: solid 1px #fff;
}
#menuCabecera img {
	border: 0px;
}
#entero, #entero2 {
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 600px;		
	padding: 10px 5px 40px 5px;
	float: left;
	display: block;
}

#entero ul {
	width: 200px;			float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}
#entero li {
	list-style: none;
	padding: 0px 0px 0px 5px;
	background: url(/img/dot.gif) left no-repeat;
	font:11px 'arial narrow', arial, Helvetica, sans-serif;
}

#nombre {
	float: left;			width: 230px;			height: 110px;
	margin: 10px 5px 0px 0px;
	text-align: right;	font-size: 25px;
}
#platos {
	float: left;			width: 184px;			height: 99px;
	margin: 0px 5px 10px 0px;						padding: 35px 0px 0px 46px;
	background: url(/img/fondoPlatos.jpg) right no-repeat;
	text-align: left; 	line-height: 30px;		
}
#donde {
	float: right;			width: 324px;			height: 239px;
	margin: 10px 0px 10px 5px;						padding: 5px 76px 0px 0px;
	background: url(/img/fondoDonde.jpg) left no-repeat;
	text-align: right;	line-height: 30px;
}
#donde a, #platos a, #buzon a, #servicios a {
	color: #000;			text-decoration: none;
	padding: 0px 5px 3px 5px;			margin: 0px 0px 3px 0px;
	background: #f90;		border-bottom: 3px solid #fff;
	font-size: 15px;
}
#donde a:hover, #platos a:hover, #buzon a:hover, #servicios a:hover {
	color: yellow;
	background: #550;
}

#servicios {
	float: left;			width: 230px;			height: 70px;
	margin: 0px 5px 10px 0px;						padding: 134px 0px 0px 0px;
	background: url(/img/fondoServicios.jpg) right no-repeat;
	text-align: right;	line-height: 30px;
}
#buzon {
	float: right;			width: 290px;			height: 70px;
	margin: 0px 0px 10px 5px;						padding: 40px 110px 0px 0px;
	background: url(/img/fondoBuzon4.jpg) left no-repeat;
	text-align: right;	line-height: 30px;
}
#direccion {
	float: right;			width: 400px;			height: 65px;
	margin-left: 5px;		
	text-align: left;
}

/* elementos
----------------------------------------------- 
	
*/
#nombre a {
	text-decoration: none;
	color: white;
}





/* entorno */
.contenido01 {
	float: left;
	width: 200px;
	text-align: right;
	padding: 5px;
}
.contenido02 {
	float: right;
	width: 300px;
	text-align: left;
	padding: 5px;
}
.foto1 {
	color: #fff;
	font: normal 13px 'lucida console', sans-serif;
	width: 590px; height: 155px;
	padding: 10px 10px 0px 0px;
}
.foto2 {
	margin-left: 10px;
	color: #fff;
	font: normal 13px 'lucida console', sans-serif;
	width: 280px; height: 390px;
	float: right;
	background: #555;
	padding: 10px 10px 0px 0px;
}

.foto3 {
	float: right;
}
/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}
.wrap1 {background:url(/img/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(/img/corner_bl.gif) -15px 100% no-repeat;}
.wrap3 {
	padding:0 9px 9px 0;
	background:url(/img/corner_tr.gif) 100% -15px no-repeat;}
.example {margin:10px 0px 0px 70px; float: left; width: 190px;}

select {
	font: normal 11px georgia;
	background: #625F19;
	color: #eee;
	width: 75px;
}
.precarga {
	width: 0px;
	height: 0px;
}
