/* CSS Calma Balneario Urbano */
/* por Thanys Bernabé Natividad para Action Park Multiforma Grupo S.L. */


/* RESET DE LAS CSS DEL NAVEGADOR Y USUARIO */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style-type:none;
}

/* CSS DE ETIQUETAS */
body
{
	font-size:75%;
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	line-height:1.3em;
	background:#FFF;
	color:#000;
}

img
{
	text-decoration:none;
	border:none;
}

h2 { font-size:160%; color:#191512; padding-top:15px; padding-bottom:5px;}

/* WRAPPER GENERAL */
#wrap
{
	display:block;
	margin:auto;
}


/* HEADER */
#header
{
	width:100%;
	background-color:#191512;
	border-bottom:2px solid #DD954D;
}


#header_content
{
	width:800px;
	height:90px;
	display:block;
	margin:auto;
}

/* Menu */
#header-left
{
	color:#FFF;
	position:relative;
	width:450px;
	text-transform:uppercase;
	font-size:90%;
}

/* Logo */
#header-right
{
	position:absolute;
	float:right;
	top:30px;
	left:450px;
}

/* Logo Login */
.txtLogin
{
	padding-top:20px;
	margin-left:30px;
	vertical-align:middle;
}

#header_listapromos
{
	background:url("../imgs/listapromos.jpg") no-repeat top;
	width:700px;
	height:90px;
}

#header_insertPromo
{
	background:url("../imgs/insertpromo.jpg") no-repeat top;
	width:700px;
	height:90px;
}

#header_updatePromo
{
	background:url("../imgs/modpromo.jpg") no-repeat top;
	width:700px;
	height:90px;
}



/* CONTENT */
#content
{
	display:block;
	margin:auto;
	width:800px;
	height:400px;
	overflow:hidden;
	font-size:90%;
}

#content_left
{
	position:relative;
	width:380px;
	float:left;
	margin-top:20px;
	text-align:justify;
}

#content_right
{
	float:right;
	width:400px;
}

#smnQuienesContent
{
	display:block;
	overflow:auto;
	float:left;
	width:340px;
	height:320px;
	background:url("../imgs/bgsmnQuienes.gif") no-repeat;
	text-align:justify;
	padding-top:5px;
	padding-left:30px;
}

/* FOOTER */
#footer
{
	width:100%;
	height:60px;
	background-color:#DD954D;
}

#footer_content
{
	width:800px;
	height:60px;
	display:block;
	margin:auto;
}

#footer_left
{
	width:600px;
	font-size:90%;
	position:relative;
	float:left;
	margin-top:-15px;
}

#footer_left_promo
{
	width:600px;
	font-size:90%;
	position:relative;
	float:left;
	/*margin-top:-15px;*/
}

#footer_right
{
	width:200px;
	float:right;
}

#subFooter
{
	display:block;
	margin:auto;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
}


.txtfoot a { text-decoration:none; color:#191512; }

.txtfoot a:hover { text-decoration:underline; color:#DD954D; }

/* ESTILOS DE MENÚ */

/* Menu principal */
#menu
{
	position:relative;
	float:left;
	margin-top:65px;
	margin-left:-10px;
}

#menu ul
{
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:center;
}


#menu  li
{
	margin:0;	
	padding:2px 2px 0px 10px; 
	float:left;
	list-style-type:none;
	height:23px;
	
}

#menu li a
{
	text-decoration:none;
	color:#FFF;
}

#menu li a:hover
{
	text-decoration:none;
	color:#DD954D;
}

#menu li a.active
{
	text-decoration:none;
	background-color:#DD954D;
	color:#191512;
	padding-bottom:10px;
	padding-left:2px;
	padding-right:2px;
	padding-top:6px;
	font-weight:bold;
}

/* Submenu Quienes Somos */
#submn_quienes_wrap
{
	display:block;
	margin:auto;
	width:100%;
	/*background-color:#191512;*/
}

#submenuquienes
{
	margin-left:20%;
	position:relative;
}

.smnQuienesSprite {  position:relative; }
.smnQuienesSprite li { float:left; }
.smnQuienesSprite a { background:url("../imgs/smnQuienesSprite.gif") no-repeat; display:block; text-indent:-9000%; height:30px; }

.smnQuienesSprite1 a { width:61px; }
.smnQuienesSprite2 a { width:68px; background-position:-61px 0px; }
.smnQuienesSprite3 a { width:132px; background-position:-129px 0px; }

.smnQuienesSprite1 a:hover { background-position:0px -30px; }
.smnQuienesSprite2 a:hover { background-position:-61px -30px; }
.smnQuienesSprite3 a:hover { background-position:-129px -30px; }

.smnQuienesSprite1 a.active { background-position:0px -30px; }
.smnQuienesSprite2 a.active { background-position:-61px -30px; }
.smnQuienesSprite3 a.active { background-position:-129px -30px; }

/* Menú listado promociones */
#menuAgregarNoticia ul
{
	list-style-type:none;
	padding-top:100px;
}


#menuAgregarNoticia  li
{	
	padding:2px 2px 0px 10px;
	list-style-type:none;
	float:left;
}

#menuAgregarNoticia li a
{
	text-decoration:none;
	color:#FFFFFF;
}

#menuAgregarNoticia li a:hover
{
	text-decoration:underline;
	color:#DD954D;
}

/* TABLAS */
.tbServicios { width:100%; border:0; }
.fila_0 { background-color:#eee; }
.fila_1 { background-color:#FAE4CF; }

.tbContactoTxt { text-align:right; padding-right:4px; }
.tbSeparator { height:10px; }

/*table.tbPromo { width:350px; border:0; margin-top:-15px; overflow:auto; height:300px; }*/

table.tbListaPromos
{
	font-weight: normal;
	font-size: 11px;
	width:700px;
	color: #fff;
	background-color: #191512;
	margin-top:40px;

}

table.tbListaPromos td
{
	background-color: #fff;
	color: #000;
	padding: 4px;
	text-align: left;
	vertical-align:middle;
}

table.tbListaPromos td.contenido
{
	color: #000;
	text-align:center;
}

table.tbListaPromos th
{
	background-color: #DD954D;
	color: #191512;
	padding: 4px;
	height:20px;
	text-align:center;
	vertical-align:middle;
}

.tbInsertPromo
{
	width:700px;
}

.tituloLista
{
	width:250px;
}

.resumenLista
{
	width:350px;
	text-align:left;
}

/* GENERALES */

.citaIntro
{
	background:url("../imgs/bg_quote.gif") no-repeat;
	width:100%;
	float:left;
	height:40px;
	margin-top:25px;
}

.citaIntroTxt
{
	padding-top:10px;
	padding-left:20px;
	font-style:italic;
	font-size:120%;
	line-height:1.1em;
}

/*.obligatorio { color:#c00; }

.inputs { border:1px solid #191512; width:250px; font-size:100%; font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; color:#666; }

.inputsLogin { border:1px solid #fff; width:245px; font-size:100%; font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; color:#fff; background-color:#191512; margin-right:20px;}

.btnEnviar, .btnEntrar
{ 
	border:1px solid #191512; 
	text-align:center; 
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; 
	color:#191512; 
	width:70px; 
	height:30px;
	background-color:#DD954D;
	font-weight:bold;
	/*background-color:#ccc;*/
}*/

/************ FORMULARIO DE CONTACTO *************/

/********************* Formulario de Contacto web *************************/
				
				#contacto {
					text-align:right;
				}

				input, textarea {
					font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
					font-size:98%;
					color:#191512;
				}
				
				input:focus, textarea:focus{
					background: #FFE4BA;
					border: 2px solid #DD954D;
				}
								
				label.error { 
					float: none; 
					color: red; 
					padding-left: .5em;  
					display:inline;
					font-variant:small-caps;
					vertical-align:middle;
				}

								
				.tbContactoTxt { 
					padding-right:10px;
					text-align:right;
					vertical-align:middle; 
				}
				
				.tbSeparator { 
					height:10px; 
				}
				
				.obligatorio { 
					color: red; 
				}

				.inputs { 
					border:1px solid #191512; 
					width:150px; 
					font-size:100%; 
					font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; 
					color:#666; 
				}
				
				.btnEnviar { 
					border-bottom:1px solid #666;
					border-right:1px solid #666; 
					text-align:center; 
					font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; 
					color:#191512; 
					width:70px; 
					height:30px;
					background-color:#DD954D;
					font-weight:bold;
					position:absolute;
					margin-left:230px;
					/*background-color:#ccc;*/
				}

.notaPie { border:1px solid #c00; width:100%; text-align:center; }

/* GOOGLE MAPS */
#map
{
	width:318px;
	height:238px;
	border:1px solid #191512;
	display:block;
	margin:auto;
}

#spacemap
{
	margin-top:15px;
}

/* LOGIN */
#login
{
	background:url("../imgs/login.jpg") no-repeat;
	position:absolute;
	display:block;
	margin-top:10%;
	width:300px;
	height:400px;
	left:50%;
	margin-left:-150px; /*Se coloca en negativo el resultante de dividir la anchura entre dos*/
	overflow:hidden;
}

.btnLoginAlign
{
	padding-top:50px;
}

.table-login
{
	color:#fff;
	margin-top:70px;
	margin-left:25px;
	width:300px;
}

/* Horario */
#marginQuienes
{
	margin-top:10px;
	margin-right:10px;
}

.horario
{
	margin-left:15px;
	padding-top:5px;
}

.linkFormContacto a
{
	text-decoration:underline;
	color:#191512;
}

.linkFormContacto a:hover
{
	text-decoration:underline;
	color:#DD954D;
}

.imgAlign
{
	text-align:center;
	vertical-align:middle;
	padding-bottom:2px;
}

.fechaPromo
{
	color:#DD954D;
	font-size:85%;
	padding-left:5px;
	vertical-align:bottom;
}

.tituloPromo
{
	color:#191512;
	font-size:145%;
	vertical-align:middle;
	font-weight:bold;
	margin-top:-15px;
	line-height:1.3em;
}

.descripcionPromo
{
	border-bottom:2px solid #DD954D;
	width:100%;
	padding-bottom:4px;
}

	.descripcionPromo ul li {
		margin-left: 15px;
		padding-left: 5px;
		border-left: 6px solid #DD954D;	
	}

	.descripcionPromo a {
		text-decoration:underline;
		color:#191512;
	}

		.descripcionPromo a:hover {
			text-decoration:underline;
			color:#DD954D;
		}

.imgPromo
{
	float:left;
	padding-top:10px;
	padding-left:25px;
}

.resumenPromo
{
	width:100%;
	padding-top:10px;
	padding-left:15px;
	vertical-align:top;
}

.linkPromoPrincipal a
{
	text-decoration:underline;
	color:#191512;
}

.linkPromoPrincipal a:hover
{
	text-decoration:underline;
	color:#fff;
}

/* Errores */
.errorLog
{
	text-align:center;
	padding-top:35px;
	color:#c00;
}

#msjErrorPHP
{
	border:1px solid #DD954D;
	width:450px;
	height:50px;
	display:block;
	margin:auto;
}

#contenedor-error
{
	position:relative;
	top:2px;
	left:2px;
	width:446px;
	height:46px;
	display:block;
	background-color:#2A2A2A;
}

.textoMsjError
{
	vertical-align:middle;
	text-align:center;
	color:#D4684A;
	padding-top:12px;
}

#errorPHP
{
	display:block;
	height:150px;
}

/* Listado Promociones */
#bgListaPromos
{
	display:block;
	margin:auto;
	width:700px;
	height:700px;
}

.linkUpdatePromo a
{
	text-decoration:underline;
	color:#191512;
}

.linkUpdatePromo a:hover
{
	text-decoration:underline;
	color:#DD954D;
}

.txtbInsertarPromoTitulo
{
	border:1px solid;
	background-color:#FFFFFF;
	color:#000000;
	width:100%;
	height:30px;
	font-size:25px;
	/*font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;*/
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	line-height:1.3em;
	vertical-align:middle;
}

.txtbInsertarPromoResumen
{
	border:1px solid;
	background-color:#FFFFFF;
	color:#000000;
	width:100%;
	height:60px;
	font-size:12px;
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	line-height:1.3em;
	vertical-align:middle;
}

.txtbInsertarPromoDetalle
{
	border:1px solid;
	background-color:#FFFFFF;
	color:#000000;
	width:100%;
	height:250px;
	font-size:95%;
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	line-height:1.3em;
	vertical-align:middle;
}

.txtbInsertarPromoImagen
{
	border:1px solid;
	background-color:#FFFFFF;
	color:#000000;
	height:24px;
	font-size:100%;
	font-family:"Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	line-height:1.3em;
	vertical-align:middle;
	width:100%;
}

.tdNotaInsertPromo
{
	height:24px; 
	width:100%;
	padding-right:10px; 
	background-color:#FF9B9B; 
	border:1px solid #c00; 
	vertical-align:middle; 
	text-align:center;
}

.btnInsertar
{
	height:24px;
	padding-left:5px;
	float:right;
}

.linkPagSiguiente a
{
	float:right;
	text-decoration:none;
	color:#DD954D;
}

.linkPagSiguiente a:hover
{
	float:right;
	text-decoration:underline;
	color:#fff;
}

.linkPagAnterior a
{
	float:left;
	text-decoration:none;
	color:#DD954D;
}

.linkPagAnterior a:hover
{
	float:left;
	text-decoration:underline;
	color:#fff;
}

.txtDetalleServ
{
	color:#959595;
}

#scrollPromos
{
	display:block;
	margin:auto;
	width:380px;
	height:365px;
	overflow:auto;
	padding-right:5px;
}

#volverLogin
{
	color:#fff;
	margin-top:35px;
	float:right;
}

#volverLogin a
{
	color:#fff;
	text-decoration:none;
}

#volverLogin a:hover
{
	text-decoration:underline;
	color:#DD954D;
}