body {
	overflow: auto;  margin: 0px; 	padding: 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 22px;
		color : #A01111;
	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: 16pt;
	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: 18pt; font-weight: bold;
	padding: 10px  0 0 0 ;
	
}
P.centrado   {
	font-family: "Comic Sans MS", Verdana, Arial, sans-serif;
	font-size: 16pt;
	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:12pt
}

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 : 16pt;
	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 : 16pt;
	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 : 5px 5px 5px 5px;
	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: 0%;
	width: 90%;
	height: 16%;
	margin: 5px 0px 0px 0px;
	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: 110px;
	left: 0%;
	width: 90%;
	height: 57%;
	margin: 5px 0px 0px 0px;
	padding: 5px;
	color: #a01111;
	border: 2px solid #a01111;
	text-align: center;
    overflow: auto;
 }

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

.caja { margin : 5px 5px 5px 5px; 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;
}


#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;
}