@charset "utf-8";
/***************************************************************************************************************************************************************
* COLORES
***************************************************************************************************************************************************************
Negro:			#1A1819;
Gris Claro:		#E1E1E3;
Gris Oscuro:	#B1B1B3;
Blanco:			#F2F2F4;
Rojo:				#E41D24;

*/

/***************************************************************************************************************************************************************
* GENERAL
***************************************************************************************************************************************************************/
body {
	background-color:		#1A1819;
	margin:					0px 0px 10px 0px;
}

body, input, select, textarea {
	color:					#1A1819;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
}

a:link, 
a:visited, 
a:hover {
	color:					#1A1819;
}

a:hover {
	text-decoration:		underline;
}

input, select, textarea {
	border:					1px solid #B1B1B3;
	padding:					2px;
	width:					100%;
}

h1, h2, h3, h4, h5, h6 {
	color: 					#E01D23;
	font-size:				12px;
	margin-bottom:			10px;
}

h1, h2 {
	background-image:		url("../images/content/h1_bg.png");
	background-position:	0px 8px;
	background-repeat:	no-repeat;
	background-color:		#1A1819;
	color:					#CCC;
	font-size:				10px;
	font-weight:			normal;
	margin:					0px 20px 10px 0px;
	padding:					8px 0px 8px 14px;
	text-transform:		uppercase;
}

h2 {
	margin:					0px;
}

h3 {
	font-size:				11px;
	margin-bottom:			3px;
	text-transform:		uppercase;
}

p {
	margin:					0px 30px 0px 10px;
}

ul.list li {
	list-style:				disc;
	margin-left:			25px;
}

/***************************************************************************************************************************************************************
* OTROS
***************************************************************************************************************************************************************/
div.ads {
	margin:					20px 0px 20px 0px;
	text-align:				center;
}

div.clear {
	clear:					both;
}

/***************************************************************************************************************************************************************
* WRAP
***************************************************************************************************************************************************************/
div#wrap {
	background-color:		#FFF;
	margin:					0px auto 0px auto;
	width:					810px;
}

/***************************************************************************************************************************************************************
* INTERSITIAL
***************************************************************************************************************************************************************/
div#intersitial {
	height:					385px;
	left:						50%;
	margin:					0px 0px 0px -360px;
	position:				absolute;
	top:						80px;
	width:					720px;
}

div.saltar {
	margin:					0px auto 0px auto;
	position:				relative;
	top:						480px;
	width:					138px;
}

div.saltar a {
	background-image:		url("../swf/player/btn_entrar.jpg");
	display:					block;
	height:					25px;
	text-indent:			-9999px;
}

div.saltar a {
	color:					white;
	text-transform:		uppercase;
}

/***************************************************************************************************************************************************************
* HEADER
***************************************************************************************************************************************************************/
div#header {
	margin-bottom:			10px;
}

div#header img.logo {
	float:					left;
	padding:					20px 0px 20px 20px;
}

div#header div#banner_header_swf {
	background-color:		#CCC;
	float:					left;
	height:					166px;
	width:					670px;
}

div#header div.bar {
	background-color:		#1A1819;
	border:					0px;
	clear:					both;
	height:					5px;
	margin:					0px 0px 10px 0px;
}

div#header div.menu {
	border-bottom:			1px solid #1A1819;
	border-top:				1px solid #1A1819;
	clear:					both;
	height:					17px;
	margin:					0px 20px 10px 20px;
	padding:					3px 0px 3px 0px;
}

div#header div.menu ul {
	float:					right;
}

div#header div.menu li {
	float:					left;
	margin:					2px 3px 0px 3px;
}

div#header div.menu li.btn {
	margin-bottom:			0px;
	margin-top:				0px;
	margin-right:			15px;
}

div#header div.date {
	float:					left;
	font-size:				9px;
	margin:					3px 0px 0px 20px;
	text-transform:		uppercase;
}

/***************************************************************************************************************************************************************
* MENU
***************************************************************************************************************************************************************/
div#menu {
	clear:					left;
	float:					left;
	margin-right:			20px;
	padding:					0px 0px 0px 20px;
	position:				relative;
	width:					180px;
}

/*div#menu div.navidad {
	background-image: 	url('../images/menu/menu_bg.jpg');
	height:					45px;
	position:				absolute;
	top:						-6px;
	left:						166px;
	width:					46px;
}
*/
div#menu h2 {
	background-image:		none;
	margin-bottom:			0px;
}

div#menu ul.menu {
	margin-bottom:			20px;
}

div#menu ul.menu li {
	background-color:		#e1e1e3;
	border-bottom:			1px solid #B1B1B3;
	border-top:				1px solid #F2F2F4;
	padding:					7px 0px 7px 14px;
}

/***************************************************************************************************************************************************************
* FOOTER
***************************************************************************************************************************************************************/
div#footer {
	background-image:		url("../images/footer/bg.jpg");
	background-position:	bottom;
	background-repeat:	repeat-x;
	clear:					both;
	font-size:				9px;
	margin:					40px 0px 0px 0px;
	padding-bottom:		10px;
}

div#footer div.menu {
	border-top:				1px solid #1A1819;
	font-size:				10px;
	margin:					10px 20px 5px 20px;
	padding-top:			5px;
	text-align:				center;
}

div#footer div.menu ul {
	display:					inline-block;
	height:					13px;
}

div#footer li {
	float:					left;
	margin:					0px 1px 0px 1px;
}

/***************************************************************************************************************************************************************
* CONTENT
***************************************************************************************************************************************************************/
div#content {
	float:					left;
	width:					590px;
}

/***************************************************************************************************************************************************************
* HOME
***************************************************************************************************************************************************************/
div.home div#banner_top_swf {
	background-image: 	url('../images/home/bigbanner.jpg');
	background-color:		#000;
	height:					232px;
	margin-bottom:			20px;
	width:					570px;
}

div.home div.carousel{
    background-color:       #000000;
    height:                 232px;
    margin-bottom:          20px;
    width:                  570px; 
    border:                 1px solid #666666;
}

div.home div.carousel div.item{
    display:                none;
}

div.home div.carousel div.home_controls{
    position:               absolute;
    margin-top:             -30px;
    width:                  570px;
    z-index:                999;
}

div.home div.carousel div.home_controls ul{
    float: right;
    margin-right: 10px;
}
div.home div.carousel div.home_controls ul li{
    float:                  left;
    margin-left:            5px;
}
div.home div.carousel div.home_controls ul li a{
    display:                block;
    padding-top:            3px;
    border:                 1px solid #FFF;
    width:                  20px;
    height:                 17px;
    text-align:             center;
    background:             url(../images/home/bg_controls.png) repeat;
    font-weight:            bold;
    color:                  white;
    font-size:              10pt;
}
div.home div.carousel div.home_controls ul li a:hover{
    background:             #D7D7D0;
    color:                  #666;
}


div.home ul.noticias {
	margin-bottom:			20px;
}

div.home ul.noticias li {
	float:					left;
	height:					120px;
	margin:					0px 25px 30px 0px;
	width:					270px;
}

div.home ul.noticias li h2 {
	/*background-image: 	url('../images/home/articulos_bg.jpg') navidad;*/
	background-repeat: 	none;
	background-position: left;
	margin-bottom:			5px;
	/*padding-top:			16px;*/
	padding-right:			10px;
	/*padding-bottom:		16px;*/
}

div.home ul.noticias span {
	display:					block;
	height:					90px;
}

div.home ul.noticias li img {
	float:					right;
	margin-right:			10px;
}

div.home ul.noticias a.vermas {
	background-image:		url("../images/noticias/btn_ver_mas.jpg");
	background-position:	0px 3px;
	background-repeat:	no-repeat;
	display:					block;
	margin:					30px 0px 0px 10px;
	padding:					0px 0px 0px 13px;
	width:					50px;
}

div.home ul.destacados li {
	float:					left;
	margin-right:			13px;
	-margin-right:			12px;
	text-align:				center;
	width:					132px;
}

div.home ul.destacados li p {
	margin:					0px;
}

/***************************************************************************************************************************************************************
* SERVICIOS
***************************************************************************************************************************************************************/
div.servicios p {
	text-align:					justify;
}

div.servicios div.bottom {
	margin:						20px 0px 0px 0px;
	text-align:					center;
}

/***************************************************************************************************************************************************************
* PROMOCIONES
***************************************************************************************************************************************************************/
div.promociones div#banner_top_swf {
	background-color:			#FFF;
	height:						300px;
	margin:						0px 10px 0px 10px;
	width:						550px;
}

div#lightbox_content img {
	left:							50%;
	margin:						-250px 0px 0px -195px;
	position:					absolute;
	top:							50%;
}

/***************************************************************************************************************************************************************
* NOTICIAS
***************************************************************************************************************************************************************/
div.noticias ul.noticias li {
	clear:					both;
	height:					72px;
	margin:					0px 0px 20px 10px;
}

div.noticias ul.noticias li img {
	float:					left;
	margin:					0px 10px 0px 0px;
}	

div.noticias div.paginacion li {
	float:					left;
	margin:					0px 0px 0px 10px;
}

div.noticias div.paginacion {
	text-align:				center;
}

div.noticias div.paginacion ul {
	display: 				inline-block;
	margin:					0px auto 0px auto;
}

div.noticias p {
	margin-bottom:			10px;
	text-align:				justify;
}

div.noticias a.vermas {
	background-image:		url("../images/noticias/btn_ver_mas.jpg");
	background-position:	0px 3px;
	background-repeat:	no-repeat;
	display:					block;
	float:					left;
	margin-top:				20px;
	padding:					0px 0px 0px 13px;
	width:					50px;
}

div.thumbnails{
    margin-top: 25px;
    
}
div.thumbnails div.thumb{
    width: 20%;
    text-align: center;
    float: left;
}

/***************************************************************************************************************************************************************
* CONTACTO
***************************************************************************************************************************************************************/
div.contacto p {
	margin-bottom:			20px;
}

div.contacto form {
	float:					left;
	margin-left:			10px;
	width:					380px;
}

div.contacto label {
	float:					left;
	margin:					4px 0px 10px 0px;
	width:					130px;
}

div.contacto input {
	margin:					2px 0px 10px 0px;
	width:					230px;
}

div.contacto select {
	margin:					2px 0px 10px 0px;
	width:					235px;
}

div.contacto input.submit {
	display:					block;
	margin:					0px auto 0px auto;
	width:					60px;
}

div.contacto textarea {
	height:					110px;
	margin:					2px 0px 10px 0px;
	width:					360px;
}

div.contacto img {
	float:					right;
	margin-right:			30px;
}

div.contacto p.op {
	margin:					20px 0px 0px 0px;
}

/***************************************************************************************************************************************************************
* MAPA
***************************************************************************************************************************************************************/
div.mapa h3 {
	margin-left:					10px;
}

div.mapa ul {
	margin:							0px 0px 10px 10px;
}

div.mapa ul li {
	list-style:						disc;
	margin-left:					25px;
}

div.mapa h3 a:visited,
div.mapa h3 a:link,
div.mapa h3 a:hover {
	color:							#E41D24;
}

/***************************************************************************************************************************************************************
* CATALOGOS
***************************************************************************************************************************************************************/
div.catalogos ul {
	margin-left:			10px;
}

div.catalogos li {
	float:					left;
	margin-right:			20px;
	margin-bottom:			20px;
	text-align:				center;
	width:					261px;
}

div.catalogos li p {
	margin:					0px;
}

div.catalogos li img {
	margin-bottom:			10px;
}

div.catalogos li h3 {
	margin-bottom:			5px;
	text-transform:		uppercase;
}

div.catalogos li span {
	display:					block;
	font-size:				9px;
	margin-bottom:			5px;
}

div#lightbox_content div.flip {
	background-color:		#FFF;
	height:					600px;
	margin:					-300px 0px 0px -453px;
	width:					905px;
}

/***************************************************************************************************************************************************************
* LIGHTBOX
***************************************************************************************************************************************************************/
div#lightbox {
	background-color:		#000;
	display:					none;
	filter: 					alpha(opacity=70);
	left:						0px;
	height:					750px;
	-moz-opacity: 			0.7;
	position:				absolute;
	opacity:					.70;
	top:						0px;
	text-align:				center;
	width:					100%;
}

div#lightbox_content {
	display:					none;
	height:					100%;
	left:						0px;
	position:				absolute;
	top:						0px;
	width:					100%;
}

div.lightbox_content {
	border:					2px solid #1A1819;
	left:						50%;
	position:				absolute;
	top:						50%;
}

div.btn_close {
	color:				#FFF;
	cursor:				pointer;
	left:					50%;
	margin:				-267px 0px 0px 137px;
	position:			absolute;
	top:					50%;
}

/***************************************************************************************************************************************************************
* LOCALES
***************************************************************************************************************************************************************/
div.locales div.buscador {
	background-image:			url("../images/locales/bg_buscador.jpg");
	float:						left;
	height:						101px;
	margin:						0px 0px 10px 10px;
	width:						282px;
}

div.locales div.buscador form {
	margin:						40px 0px 0px 20px;
}

div.locales div.buscador label {
	clear:						left;
	display:						block;
	float:						left;
	margin:						4px 0px 10px 0px;
	width:						60px;
}

div.locales div.buscador select {
	float:						left;
	width:						180px;
}

div.locales div.cercano {
	background-image:			url("../images/locales/bg_cercano.jpg");
	float:						left;
	height:						101px;
	margin:						0px 0px 10px 0px;
	position:					relative;
	width:						268px;
	z-index:						1000;
}

div.locales div.cercano form {
	margin:						40px 0px 0px 53px;
}

div.locales div.cercano label {
	display:						block;
	margin-bottom:				5px;
}

div.locales div.cercano input {
	border:						1px solid #FFF;
	width:						168px;
}

div.locales div#map {
	clear:						both;
	margin:						0px 0px 20px 10px;;
	width:						548px;
}

div.locales div.googlemap {
	background-color:			#CCC;
	border:						1px solid #C6C4C5;
	height:						348px;
	z-index:						0;
}

div.locales div.suggestions {
	background-color:			#FFF;
	border:						1px solid #C6C4C5;
	display:						none;
	font-size:					10px;
	left:							44px;
	padding:						10px 10px 10px 10px;
	position:					absolute;
	top:							79px;
	width:						191px;
	z-index:						9999;
}

div.locales div.suggestions strong {
	color:						#E41D24;
	display:						block;
	margin-bottom:				5px;
}

div.locales div.info3 {
	background-color:			#FFF;
	border:						1px solid #C6C4C5;
	display:						none;
	filter: 						alpha(opacity=80);
	font-size:					10px;
	left:							100px;
	-moz-opacity: 				0.8;
	opacity:						.80;
	padding:						10px;
	position:					absolute;
	top:							170px;
}

div.locales div.info3 strong {
	color:						#E41D24;
}


/***************************************************************************************************************************************************************
* RECETAS
***************************************************************************************************************************************************************/
div.recetas {
	clear:						both;
}

div.recetas h1 {
	margin-bottom:				0px;
}

div.recetas h2 {
	background-color:			#e11e24;
	background-image:			url("../images/recetas/titulo.jpg");
	background-position: 		center 0px;;
	color:						#FFF;
	font-size:					13px;
	margin-right:				20px;
	padding:					60px 0px 15px 0px;
	text-align:					center;
	width:						393px;
}

div.recetas h2.normal {
	background-color:			#e11e24;
	background-image:			url("../images/recetas/titulo.png");
	background-position: 		center;;
	color:						#FFF;
	font-size:					13px;
	margin-right:				20px;
	padding:					60px 0px 15px 0px;
	text-align:					center;
	width:						393px;
}

div.recetas div.receta h3 {
	font-size:					12px;
	margin:						0px 0px 20px 0px;
}

div.recetas img {
	border-bottom:				1px solid #E1E1E3;
	margin-bottom:				20px;
	margin-top:					20px;
}

div.recetas div.img_plato img,
div.recetas div.img_postre img {
	margin:						0px;
}

div.recetas div.img_plato,
div.recetas div.img_postre {
	border:						1px solid #E1E1E3;
	float:						left;
	margin-bottom:				20px;
	margin-top:					0px;
	width:						195px;
}

div.recetas div.img_plato {
	border-right:				0px;
}

div.recetas div.img_plato p,
div.recetas div.img_postre p {
	color:						#E11E24;
	font-size:					10px;
	font-weight:				bold;
	padding:						7px 0px 7px 0px;
	text-align:					center;
	text-transform:			uppercase;
}

div.recetas div.calendario {
	float:						right;
	width:						185px;
}

div.recetas div.calendario li {
	background-color:			#e1e1e3;
	clear:						both;
	height:						1%;
	margin-right:				20px;
	overflow:					hidden;
	margin-bottom:				1px;
}

div.recetas div.calendario li.selected {
	background-color:			#e11e24;
	color:						white;
}

div.recetas div.calendario li.selected a {
	color:						white;
}

div.recetas div.calendario li.selected h2 {
	border-right:				1px solid white;
}

div.recetas div.calendario h2 {
	background-image:			none;
	color:						white;
	float:						left;
	font-size:					11px;
	padding:						6px 0px 6px 0px;
	width:						60px;
}

div.recetas div.calendario h2 span {
	display:						block;
}

div.recetas div.calendario a {
	display:						block;
	padding-top:				12px;
}

div.recetas div.receta {
	
	margin-bottom:				20px;
	width:						390px;	
}

div.recetas div.receta h2 {
	background: 				none;
	background-color:			#FFF;
	color:						#000;
	font-size:					11px;
	font-weight:				bold;
	margin:						10px 0px 10px 0px;
	padding:						0px;
	padding-top:				0px;
	text-align:					left;
	text-transform:			uppercase;
}

div.recetas div.receta p {
	margin-bottom:				50px;
}

div.recetas div.firma {
	background-image:			url("../images/recetas/firma.jpg");
	height:						29px;
	margin-right:				138px;
	width:						255px;
}

/***************************************************************************************************************************************************************
* LOCAL SANTA MARIA
***************************************************************************************************************************************************************/
div.local_santamaria {
	margin-right:				20px;
}

div.local_santamaria div.principal {
	background-color:			#CCC;
	background-image:			url("../images/local_santamaria/ajax-loader.gif");
	background-position:		center;
	background-repeat:		no-repeat;
	height:						400px;
	margin-bottom:				20px;
	width:						570px;
}

div.local_santamaria img.prev,
div.local_santamaria img.next {
	display:						block;
	float:						left;
	width:						39px;
}

div.local_santamaria div.gallery-thumb {
	float:						left;
	width:						492px !important;
}

div.local_santamaria div.gallery-thumb li {
	margin-right:				5px;
	height:						52px;
	width:						75px;
}




/***************************************************************************************************************************************************************
* FORMULARIO DE CONTACTO CLUB UNIMARC
***************************************************************************************************************************************************************/

div.cont_contacto_club {
	background-image:			url("../images/contacto_club/fondo_form.jpg");
	background-repeat:	    no-repeat;
	height:						1%;
	overflow:					hidden;
	padding-bottom:			20px;
	width:						570px;
}

div.contacto_club p {
	margin-bottom:				20px;
	height:						640px;
}

div.contacto_club form {
	float:					right;
	margin-top:				180px;
	margin-right:			10px;
	width:					240px;
}

div.contacto_club div.gracias label {
	color:#FFFFFF;
	display:block;
	font-size:12px;
	text-align:center;
	width:100%;
}


div.contacto_club form label {
	clear:					both;
	display:					block;
	color:					#FFFFFF;
	margin:					4px 0px 2px 0px;
	width:					130px;
}

div.contacto_club input {
	clear:					both;
	display:					block;
	margin:					2px 0px 2px 0px;
	margin-left:			0px !important;
	width:					220px;
}

div.contacto_club select {
	margin:					2px 0px 2px 0px;
	width:					220px;
}

div.contacto_club input.submit {
	display:					block;
	margin:					20px auto 0px auto;
	width:					60px;
}

div.contacto_club textarea {
	height:					75px;
	margin:					2px 0px 2px 0px;
	width:					220px;
}

div.contacto_club strong {
color:#FF0007 !important;
display:block;
font-size:14px;
margin-top:20px;
text-align:center;
}

div.contacto_club div.gracias {
	height:					350px;
}


div.contacto_club p.op {
	margin:					20px 0px 0px 0px;
}