body {

	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color : #A01111;
	background-color : #FFFFCC;
	}
	#contenedor{
	width:100%;
	height:100%;
	background-color:#FFFFCC;
}
h1 {
	font-family:  "Comic Sans MS", Verdana,  Arial, sans-serif;
	font-size: 18pt;
	color: #A01111;
	text-decoration: underline;
	font-weight: bold;
	text-align:center
}

h2 {
	color: #FFFFCC;
	font-family: "MS Sans Serif", Arial, sans-serif;
	font-size: 18pt; font-weight: bold;
	padding: 10px  0 0 0 ;
 }

hr{
  color: #A01111;
	
}

P            {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 12pt;
	color : Black;
}

P.menu {
	font-family: "MS Sans Serif", Arial, sans-serif;
	font-size: 18pt; font-weight: bold;
	padding: 10px  0 0 0 ;
    color: White;
 }
 
P.titularmenu {

	color: #FFFFCC;
	font-family: "MS Sans Serif", Arial, sans-serif;
	font-size: 12pt; font-weight: bold;
	padding: 0 0 0 0 ;
	
}
P.centrado   {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 12pt;
	text-align: center;
	}
.centrado a:link img  {	border : none; }
.centrado a:visited img  {	border : none; }
.centrado a:hover {	border : none; }
.centrado a:active {	border : none; }

P.mediano    {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 10pt
}

P.pequeño    {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 8pt
}

P.negrita    {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-weight: bold
}

P.cursiva {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size : 12pt;
	font-style : italic;
}

P.titular{
	font-family :"Comic Sans MS", Verdana, Arial, sans-serif;
	color: #A01111;
	font-size : 12pt;
	font-weight : bold;
	text-align : center;
	text-decoration : underline;
	}

P.pie{
	font-family :"Comic Sans MS", Verdana, Arial, sans-serif;
	color: #A01111;
	font-size : 12pt;
	text-align : center;
	}
	P.portada{
	font-family :"Comic Sans MS", Verdana, Arial, sans-serif;
	color: #A01111;
	font-size : 14pt;
	text-align : center;
	}
	P.recetas{ font-size: 14pt ; color: #A01111;
	font-size : 14pt;
	font-weight : bold;
	text-align : center;
	text-decoration : underline;
}

	P.blanco{
	MARGIN: 0px 0px 0px 10% ;
	font-family :"Comic Sans MS", Verdana, Arial, sans-serif;
	color: White;
	font-size : 12pt;
	text-align : left;
}

div#superior { position:absolute; top:0; left:0; width:100%; height:15%; overflow:auto; }

div#izquierda {
	position:fixed;
	top:0%;
	left:0%;
	width: 15%;
	height: 99%;
	overflow:auto;
	margin : 0px 0px 0px 0px;
	background-color:#A01111;
	color:#FFFFFF;
	text-align:center;
	}

div#izquierda a:link { color:#A01111; TEXT-DECORATION: none; }
div#izquierda a:visited { color:#A01111; TEXT-DECORATION: none;}
div#izquierda a:hover { color:#A01111; font-weight: bold; TEXT-DECORATION: underline;}


div#derecha {
	position:absolute;
	top:0%;
	left:16%;
	width:82%;
	height:100%;
	overflow: auto;
} 

div#cabecera {
	position: absolute;
	top: 0%;
	left: 16%;
	width: 81%;
	height: 16%;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	background-color : #FFFFCC;
	border: 2px solid #a01111;
	text-align: center;
	overflow: auto;
}
 
.logotipo {
	
	width:75px; height: 59px;
	text-align: left;
	float : left;
}

div#cuerpo {
	position: absolute;
	top: 18%;
	left: 16%;
	width: 80%;
	height: 78%;
	margin: 5px 0px 0px 5px;
	padding: 5px;
	color: #a01111;
	border: 2px solid #a01111;
	text-align: center;
    overflow: auto;
 }

div#pie {
	position: absolute;
	top: 100%;
	left: 16%;
	width: 80%;
	height: auto;
	margin: 5px 0px 0px 5px;
	padding: 5px;
	color: #a01111;
	border: 2px solid #a01111;
    text-align:center; 
    overflow: auto;
}

.caja { margin :3px 3px 3px 3px; padding: 0px 0px; background-color:#FFFFCC; color:#A01111;
 }


div.texto {
	margin : 0em;
	border: 1px solid #A01111;
	padding: 2px;
	WIDTH: auto;
	HEIGHT: auto;
}

div.foto {
	margin : 0em;
	border: 1px solid #A01111;
	padding: 2px;
	WIDTH: auto;
	HEIGHT: auto;
    font-family :"Comic Sans MS", Verdana, Arial, sans-serif;
	color: #A01111;
	font-size : 12pt;
	TEXT-ALIGN: center;
}
.fotogrande {
	margin : 0em;
	border: 1px solid #A01111;
	padding: 2px;
	WIDTH: 600px;
	HEIGHT: auto;
	text-align: center;
}
.fotodoble {
	margin : 0em;
	border: 1px solid #A01111;
	padding: 2px;
	WIDTH: auto;
	HEIGHT: auto;
    TEXT-ALIGN: center;
	float: left;
}

DIV.figure {
	border:3px solid #A01111;
	padding: 0px;
	FLOAT: left;
	MARGIN: 0px 3px 0px 0px ;
	WIDTH: 300px;
	HEIGHT: 200px;
}

DIV.figurelibre {
	border:3px solid #A01111;
	padding: 0px;
	FLOAT: left;
	MARGIN: 0px 3px 0px 0px ;
	WIDTH: auto;
	HEIGHT: auto;
}
DIV.fotoalbum {
	border:1px solid #A01111;
	padding: 0px;
	MARGIN: 1px ;
	WIDTH: 300px;
	HEIGHT: 220px;
	FLOAT: left;
}

           


.menucocina { font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	          font-size: 14pt;
	          padding:10px 0 0 150px; 
	          text-align: left;
              color: #A01111; 
              border:2px solid #A01111;       
}

.menucocina a:link { color:#A01111; TEXT-DECORATION: none; }
.menucocina a:visited { color:#A01111; TEXT-DECORATION: none;}
.menucocina a:hover { color:#A01111; font-weight: bold; TEXT-DECORATION: underline;}


.inicio {
	
	text-align: right;
	WIDTH: auto;
	HEIGHT: auto;
}

.inicio a:link img {border:2px solid #A01111;
}

.ingredientes { font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	          font-size: 12pt;
	          padding:0 0 0 10px; 
	          text-align: left;
              color: #A01111; 
                
              WIDTH: 250px;
	          HEIGHT: auto; 
	          FLOAT: left;

}
.receta { font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	          font-size: 12pt;
	          padding:0 0 0 150px; 
	          text-align: left;
              color: #A01111; 
              border:2px solid #A01111;     
           
}

 
#fondohistoria { background-image : url('../cordoba/images/detallemihrab.gif'); background-attachment:fixed; }
#fondohoy { background-image : url('../cordoba/images/fondomiraflores.jpg'); background-attachment:fixed; }
#fondomezquita { background-image : url('../cordoba/images/arco.gif'); background-attachment:fixed; }
#fondoplazas { background-image : url('../cordoba/images/fondoplaza.jpg'); background-attachment:fixed; }
#fondofiestas { background-image : url('../cordoba/images/fondopatio.jpg'); background-attachment:fixed; }
#fondotabernas { background-image : url('../cordoba/images/copa.jpg'); background-attachment:fixed; }
#fondococina { background-image : url('../cordoba/images/fondococina.jpg'); background-attachment:fixed; }
#fondocomer { background-image : url('../cordoba/images/fondoaereo.jpg'); background-attachment:fixed; }
#fondoalbum {
	background-color : #A01111;
	color : White;
}


div#fondoalbum a:link {	color: White; TEXT-DECORATION: underline;
}
div#fondoalbum a:visited {	color: White; TEXT-DECORATION: none;
}
div#fondoalbum a:hover { color: White;	font-weight: bold;	TEXT-DECORATION: underline;
}

.contenedorfoto {
	float : left;
	display: block;
	margin : 5px;
	width : auto;
	height: auto;
	padding : 5px;
	background-color : #f5f7f9;
	border-right : #a5a7aa solid 1px;
	border-bottom : #a5a7aa solid 1px;
	text-align : center;
	
}

.contenedorfotogrande {

	display: block;
	margin : 10px;
	width :auto;
	height: auto;
	padding : 10px;
	background-color : #f5f7f9;
	border-right : #a5a7aa solid 1px;
	border-bottom : #a5a7aa solid 1px;
	text-align : center;
}
.contenedorinfo {
	float : left;
	display: block;
	margin : 5px;
	width : 47%;
	height: 250px;
	padding : 5px;
	background-color :#FFFFCC;
	border-right : #a5a7aa solid 1px;
	border-bottom : #a5a7aa solid 1px;
	text-align : center;
	
}

#image {
	padding-top : 5%;
	border : none;
	text-align : center;
}
.image{
	border : 6px outset #A01111;
}
#image a link  {border:none;}


.gallerynav {
	font-size :  0.7em;
	border : none;
}
a:link img {
	border : none;
}
a:visited img {
	border : none;
}
div.fotocomer {
	border: 3px solid #A01111;
	padding: 0px 5px 0px 0px;
	FLOAT: right;
	MARGIN: 0px 0px 0px 0px ;
	WIDTH: 300px;
	HEIGHT: 200px;
}