/* CSS para restaurante El Cano - Diseño y maquetación Javier Granado ***** Codenet SL */


body{
	margin:0;
	padding:0;
	font: normal 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#014961;
}

img{
	border:none;
}

a{
	color:#009ec3;
}

a:hover{
	cursor:hand;
}

strong{
	color:#009ec3;
}

h1{
	color:#009ec3;
	border-bottom:2px solid #004961;
	border-bottom:1px solid #CCC;
	padding:3px 0;
	font:bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

h1 img {
 float: right;
}

p{
	letter-spacing:0.9px;
}

#contenedor_arriba{
	width:100%;
	float:left;
	background: #fff url(../images/index/cab_bg.jpg) repeat-x;
}

#contenedor_abajo{
	width:100%;
	float:left;
	background: #fff url(../images/index/pie_bg.jpg) repeat-x center 50px;
}

#align{
	width:940px;
	float:none;
	margin:0 auto;
	display:block;
}


#cabecera{
	width:940px;
	height:182px;
	float:left;
	background: #fff url(../images/index/cab_slogan.jpg) 310px 0 no-repeat;
}

#cabecera img{
	float:left;
}

#cabecera_eng{
	width:940px;
	height:182px;
	float:left;
	background: #fff url(../images/index/cab_slogan_eng.jpg) 310px 0 no-repeat;
}


#cabecera_eng img{
	float:left;
}

#emergente{
	width:400px;
	height:71px;
	float:left;
	overflow:hidden;
	padding:64px 0 0 230px;
}

#emergente ul{
	width: 400px;
	float:left;
	margin:0;
	padding: 0;
	list-style:none;
	background:#009fc3;
}

#emergente ul li{
	float:left;
	padding:0px;
}

#emergente ul li a{
	padding:6px 10px;
	float:left;
	text-decoration:none;
	color:#fff;
	background:#009fc3;
}

#emergente ul li a:hover{
	background:#004961;
}

#emergente ul li a img{
	padding:2px 0 2px 0;
}

#band{
	width:14px;
	height:10px;
	float:left;
	margin:0 0 5px 0;
	padding:0 0 0 610px;
	overflow:hidden;
}

#menu{
	width: 628px;
	float: left;
	overflow:hidden;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background:#004961;
}

#menu ul{
	width: 628px;
	height:30px;
	float: left;
	overflow:hidden;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	background:#004961;
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li{
	float:left;
}

#menu ul li a{
	float:left;
	color: #fff;
	padding:8px 14px;
	text-decoration:none;
}

#menu ul li a:hover{
	background:#009fc3;	
}

.menu_active{
	background:#009fc3;
}

#flash{
	width:940px;
	float:left;
	padding:4px 0;
}

#contenedor{
	width:940px;
	float:left;
}

#contenidos{
	width:620px;
	float:left;
	padding:0 10px 0 0;
}


#contenidos h2{

}

#contenidos p{
	padding-right:30px;
}

#contenidos h2 span{
	background:#000;
	padding:5px 20px;
	color:#fff;
}

#pie{
	width:940px;
	height: 0px;
	overflow:hidden;
	float:none;
	margin:0 auto;
	color:#666;
	font: normal 0.8em Verdana, Geneva, sans-serif;
	padding: 48px 0px 300px 0px;
	border-top:50px solid #fff;
	background:  url(../images/index/pie_bg.jpg) top center no-repeat;
}

#pie img{
	float:left;
}

#pie span{
	float:left;
	padding:40px 0 0 0px;
}

#pie1{
	width:540px;
	float:left;
	padding:0 50px 0 0;
}

#pie2{
	width:330px;
	float:left;
	padding: 0 0 0 20px;
}

/**************************** COLUMNA MENÚ ****************************/


#columna{
	width:310px;
	float:left;
}




/**************************** Columna Menú */

#columna_menu{
	width:290px;
	float:left;
	padding:10px;
	margin:0;
	background:#009ec3;
	border-top:0px solid #fff;
}

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

#columna_menu ul li{
	width:290px;
	float:left;
	border-bottom:1px dotted #fff;
}

#columna_menu ul li a{
	width:280px;
	float:left;
	padding:5px;
	color:#fff;
}

#columna_menu ul li a:hover{
	color:#009ec3;
	background:#d3eef4;
}


/**************************** Columna Subenú */

#columna_submenu{
	width:290px;
	float:left;
	padding:6px 10px;
	background:#d3eef4;
	border-top:5px solid #fff;
}

#columna_submenu img{
	float:left; 
	padding: 0 60px;
}

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

#columna_submenu ul li{
	width:290px;
	float:left;
	border-bottom:1px dotted #fff;
}

#columna_submenu ul li a{
	width:280px;
	float:left;
	padding:5px;
	
	
}

#columna_submenu ul li a:hover{
	color:#fff;
	background:#009fc3;	
}

/**************************** Columna Extras */


#columna_notas{
	width:290px;
	float:left;
	padding:10px;
	color:#666;
	background:#fff;
	border-top:5px solid #fff;
	font-style: italic;
}

#columna_notas img{
	padding:0 5px 0 0;
}


.aviso_legal{
	height:450px;
	background:#d3eef4;
}

.aviso_legal h1{
	padding-left:10px;
}

.aviso_legal p{
	padding-left:10px;
	padding-right:10px;
}

/**************************** HOME 1 ****************************/

#home_bienvenido{
	width:590px;
	float:left;
	padding:0 39px 0 0;
}

#home_destacado{
	width:310px;
	float:left;
	padding:10px 0;
	border-left:1px solid #CCC;
}


#home_bienvenido h1, #home_destacado h1{
	margin-bottom:15px;
}

#home_album{
	width:600px;
	height:155px;
	float:left;
	padding:10px 0 0px 10px;
	margin-top:10px;
/*	background: url(../images/home/album_bg.gif) no-repeat;*/
/*	background:#c1e2ea;*/
	border-right:20px solid #fff;
}

#home_album h1{
	margin:0 10px 0 0;
	padding:0;
}

#home_album p{
	margin:8px 0;
}

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

#home_album ul li{
	float:left;
	padding:0 8px 0 0;
}

#home_contactar{
	width:299px;
	float:left;
	padding:10px 0px 20px 10px;
	font:normal 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

#home_contactar h1{
	margin:0;
	padding:0 0 10px 0;
}

#home_contactar b{
	font:bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	color:#009ec3;
}


#home_contactar strong{
	color:#414141;
}

#home_contactar i{
	color:#009ec3;
	font-style:normal;
}


/**************************** EL RESTAURANTE ****************************/

#el_restaurante1{
	width:275px;
	float:left;
	padding:0 0 0 20px;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#el_restaurante2{
	width:275px;
	float:left;
	padding:0 0 0 20px;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#el_restaurante_fotos{
	width:290px;
	height:640px;
	float:left;
	padding:0 10px 10px 10px;
}

#el_restaurante_fotos h1{
	
}

#el_restaurante_fotos ul{
	margin:0;
	padding:0 0 20px 0;
	list-style:none;
	float:left;
}

#el_restaurante_fotos ul span{
	width:275px;
	padding:10px 0;
	margin-top:10px;
	color:#009ec3;
	float:left;
	text-align:center;
}

#el_restaurante_fotos ul li{
	float:left;
}

#el_restaurante_fotos ul li a{
	float:left;
	padding:0px;
	margin:2px;
	border:1px solid #8ebfca;
}

#el_restaurante_fotos ul li a:HOVER{
	border:1px solid #000;
}

#el_restaurante_fotos ul li img{
	width:48px;
	height:48px;
	float:left;
	padding:2px;
}


/**************************** LA CARTA ****************************/

#la_carta_items{
	width:940px;
	height:220px;
	float:left;
	padding:4px 0;
	overflow:hidden;
}

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

#la_carta_items ul li{
	width:463px;
	float: left;
	padding:0 5px 0px 0;
}

#la_carta_items ul img{
	width:463px;
	height:191px;
	border-left:1px solid #fff;
}

#la_carta_items ul li span, #la_carta_items ul li strong{
	float:left;
	padding:5px 0 0px 12px;
}


#la_carta_items ul li strong{
	width:452px;
	border-right:1px solid #fff;
	background:#009ec3;
	color:#fff;
	text-align:center;
	border-top:1px solid #fff;
	font:bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#la_carta_items ul li span{
	color:#000;
	text-decoration:none;
}




/**************************** RESTAURANTE ITEMS ****************************/

#celebraciones_items{
	width:940px;
	height:220px;
	float:left;
	padding:4px 0;
	overflow:hidden;
}

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

#celebraciones_items ul li{
	width:308px;
	float: left;
	padding:0 4px 0px 0;
}

#celebraciones_items ul img{
	width:308px;
	height:191px;
	border-left:1px solid #fff;
}

#celebraciones_items ul li span, #celebraciones_items ul li strong{
	float:left;
	padding:5px 0 0px 12px;
}


#celebraciones_items ul li strong{
	width:296px;
	border-right:1px solid #fff;
	background:#009ec3;
	color:#fff;
	text-align:center;
	border-top:1px solid #fff;
	font:bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#celebraciones_items ul li span{
	color:#000;
	text-decoration:none;
}



/**************************** CARTA PEQUEÑA */


#carta_pequena{
	width:460px;
	float:left;
	margin:0 5px 10px 0;
	border-left:1px solid  #CCC;
}

#carta_pequena h2{
	width:453px;
	color:#fff;
	padding:2px 4px;
	margin:0;
	font:bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#009ec3;
	background:#fabada;
}


#carta_pequena ul{
	width:460px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#carta_pequena ul li{
	width:460px;
	float:left;
	padding:5px 0;
	color:#333;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#carta_pequena ul li span{
	width:365px;
	padding:0 0 0 5px;
	float:left;
}

#carta_pequena ul li i{
	width:40px;
	float:left;
	text-align:right;
}

/**************************** CARTA GRANDE */


#carta_grande{
	width:720px;
	float:left;
	margin:0 100px;
	padding:0 0 40px 0;
}

#carta_grande  span{
	width:595px;
	padding:0 0 0 5px;
	float:left;
}

#carta_grande h2{
	width:712px;
	color:#fff;
	padding:2px 4px;
	margin:0;
	font:bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#009ec3;
	background:#fabada;
}


#carta_grande ul{
	width:720px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

#carta_grande ul li{
	width:720px;
	float:left;
	padding:5px 0;
	color:#333;
	border-bottom:1px solid #ccc;
}

#carta_grande ul li span{
	width:595px;
	padding:0 0 0 5px;
	float:left;
}

#carta_grande ul li i{
	width:40px;
	float:left;
	text-align:right;
}

#cata_enunciado{
	background:#ccc;
	font-weight:bold;
	color: #fff;
	border-bottom:1px solid #000;
}

/**************************** CELEBRACIONES ****************************/

#celebraciones_album{
	width:935px;
	float:left;
	overflow:hidden;
	background:#004961;
	margin:50px 0 3px 0;
	border-left:1px solid #fff;
}

#celebraciones_album ul{
	width:935px;
	float:left;
	margin:0;
	padding:6px 8px;
	list-style:none;
}

 #celebraciones_album ul li{
	width: auto;
	float:left;
	padding:0px;
	margin:2px;
	border:1px solid #8ebfca;
 }
 
#celebraciones_album ul li img{
	width:51px;
	height:51px;
	float:left;
	padding:2px;
	border:none;
}

.celebraciones_enunciado{
	background:#004961;
	color:#fabada;
}

/**************************** CELEBRACIONES eng****************************/

#celebraciones_album_eng{
	width:320px;
	height:220px;
	float:left;
	overflow:hidden;
	background:#004961;
	margin:3px 0 3px 0;
	border-left:1px solid #fff;
}

#celebraciones_album_eng ul{
	width:320px;
	float:left;
	margin:0;
	padding:6px 8px;
	list-style:none;
}

 #celebraciones_album_eng ul li{
	width: auto;
	float:left;
	padding:0px;
	margin:2px;
	border:1px solid #8ebfca;
 }
 
#celebraciones_album_eng ul li img{
	width:51px;
	height:51px;
	float:left;
	padding:2px;
	border:none;
}






.celebraciones_enunciado{
	background:#004961;
	color:#fabada;
}


/**************************** LA BODEGA ****************************/


#la_bodega{	
	width:590px;
	float:left;
	overflow:hidden;
}

#la_bodega a{
	
}

#la_bodega h3{
	width:590px;
	float:left;
	border-bottom:3px solid #009ec3;
}

#la_bodega h3 span{
	color:#004961;

	padding:5px 40px;	
}

#la_bodega ul{
	width:550px;
	float:left;
	margin:0;
	padding:0 0 20px 40px;
	list-style:none;
}

#la_bodega ul li{
	width:550px;
	float:left;
	padding:2px 0;
	border-bottom:1px dotted #666;
}

#la_bodega ul li span{
	width:470px;
	float:left;
	padding:0 0 0 10px;
	color:#004961;
}

#la_bodega ul li i{
	width:50px;
	float:left;
	text-align:right;
	padding:0 20px 0 0;
}


/**************************** RESTAURANTE ITEMS eng****************************/

#celebraciones_items_eng{
	width:932px;
	height:220px;
	float:left;
	padding:4px 0;
	overflow:hidden;
}

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

#celebraciones_items_eng ul li{
	width:932px;
	float: left;
	padding:0 4px 0px 0;
}

#celebraciones_items_eng ul img{
	width:932px;
	height:191px;
	border-left:1px solid #fff;
}

#celebraciones_items_eng ul li span, #celebraciones_items_eng ul li strong{
	float:left;
	padding:5px 0 0px 12px;
}


#celebraciones_items_eng ul li strong{
	width:932px;
	border-right:1px solid #fff;
	background:#009ec3;
	color:#fff;
	text-align:center;
	border-top:1px solid #fff;
	font:bold 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#celebraciones_items_eng ul li span{
	color:#000;
	text-decoration:none;
}



/**************************** CONTACTAR ****************************/

#contactar{
	
}

#contactar span{
	width:530px;
	float:left;
	padding:20px 0;
	text-align:center;
}


#contactar span input{
	margin:0 5px 0 0;
	background:#004961;
	border:none;
	color: #fff;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
}

#contactar div{
	width:530px;
	float:left;
	padding:5px 0;
}

#contactar div label{
	width:150px;
	float:left;
	text-align:right;
	padding:2px 5px 0 0;
}

#contactar div input{
	color:#333;
	font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
}



#localizacion{
	width:590px;
	display:block;
	padding:0 0 20px 0;
}

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

#localizacion ul li{
	width: 175px;
	height:auto;
	float:left;
	padding:10px;
	border-right: 1px dotted #999;
}

#localizacion ul li strong{
	display:block;
}

#localizacion ul li span{
	font: bold 2.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ubicacion{
	height:320px;
	background:#d3eef4;
}

.ubicacion h1{
	padding-left:10px;
}

.ubicacion p{
	padding-left:10px;
	padding-right:10px;
}

.printt {
	margin-left: 360px;
}

.printt02 {
	margin-left: 339px;
}

.printt03 {
	margin-left: 297px;
}

.printt04 {
	margin-left: 265px;
}