/* CSS Document */
/* Importar estilos de módulos adicionales */
/*@import url("think_pool.css");/**/
@import url("portada.css");/**/
@import url("think_registro.css");/**/
@import url('tellafriend.css');/**/
@import url('galeria01.css');/**/

/*********************Estilos para Etiquetas**********************/
html, body{
	margin:0;
	padding:0;
}
body { 
	margin:30px 0 40px 0;
	background:url(img_constantes/diseno_09/body_bg.gif) top center #55B4CF;
}
hr { border:solid 1px #CCC; }
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

/*****************************************************************/
#contenidoVideo{
	width:425px;
	margin:auto;
}
#contenidoVideo object, #contenidoVideo embed{
	margin:20px 0;
}
/***********************Estilos para Id's*************************/
/*PORTADA*/
#portada {
	width:800px;
	height:560px;
	margin:20px auto;
	background:no-repeat url(http://www.feztiva.com/img_constantes/diseno_09/portada.gif);
}
#portada #publicidad {
	float:left;
	display:inline;
	width:460px;
	height:300px;
	margin:100px 0 0 250px;
	padding:0;
}
#portada #publicidad img {
	width:150px;
	height:300px;
	padding:0;
	margin:0;
	border:0px none;
}
#portada h4 {
	float:left;
	text-align:center;
	width:250px;
	display:inline;
	margin:10px 0 0 310px;
	font-size:24px;
	font-weight:bolder;
}
#portada p {
	float:left;
	display:inline;
	width:280px;
	text-align:center;
	margin:5px 0 0 300px;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#54b4cf;
}

/*CANVAS*/
#canvas {
	width:900px;
	margin:0 auto;
	position:relative;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	padding:35px 35px 10px 35px;
}

/*CABECERA*/
#cabecera {
	height:175px;
	/*background-image:url(img_constantes/Doodles/2009-10-merida.gif);*/
	background-repeat:no-repeat;
	background-position:top left;
	text-align:right;
}
#cabecera #logo {
	float:left;
	border:none;
}
#cabecera object { width:580px; height:100px; margin:0px 90px; float:right; }

/*AUX1 para la columna de la izquierda */
#aux1 {
	float:left;
	width:130px;
	display:inline;
}
#canvas #aux1 object {
	display:block;
	margin-top:10px;
}
#aux1 #select_estado {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	margin:30px 0;
}
#aux1 #select_estado label {
	display:block;
	text-transform:uppercase;
	color:#cecd00;
	margin:10px 0 20px 0;
}
#aux1 #select_estado select {
	width:75px;
	border:2px solid #cecd00;
	font-size:9px;
}
#aux1 #select_estado input {
	font-size:11px;
}
#aux1 #select_estado .btn {
	display:inline-block;
	font-size:9px;
	height:20px;
	width:50px;
	background:url(img_constantes/diseno_09/bg_btn.gif) no-repeat center;
	color:#FFF;
	border:none; !important
}
#aux1 div#contactar_img {
	margin-top:50px;
}
#aux1 div#contactar_img h1 {
	margin:0;
	padding:0;
}
#aux1 div#contactar_img img {
	border:none;
}
#aux1 div#contactar_img p {
	text-align:center;
	font-size:10px;
	color:#cecd00;
}

/*LOGIN*/
#login {
	height:88px;
	margin-bottom:10px;
	padding-top:10px;
	background-image:url(img_constantes/login_bg.gif);
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}

/*BUSCAR*/
#buscar {
	height:29px;
	padding-top:3px;
	padding-left:4px;
	background-color:#C2CD23;
}
#canvas #aux1 #buscar form {
	margin:0;
	padding:0;
}

/*MENU PRINCIPAL*/
#menuPrincipal {
	float:left;
	width:760px;
	display:inline;
	padding:20px 0 10px 0;
	margin-bottom:20px;
	margin-left:10px;
	border-bottom:2px solid #54b4cf;
}
#menuPrincipal div#nav {
	float:left;
	width:760px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
}
#menuPrincipal div#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menuPrincipal div#nav ul li {
	float:left;
	border-right:2px solid #c2cd23;
}
#menuPrincipal div#nav ul li:last-child {
	border-right:none;
}
#menuPrincipal div#nav ul li a {
	display:inline-block;
	padding:5px 13px;
	text-decoration:none;
	text-align:center;
	color:#54b4cf;
	white-space:nowrap;
}

/*SUBMENU*/
#menuPrincipal div#submenu {
	float:left;
	width:754px;
	display:inline;
	margin-top:10px;
	padding:5px 3px;
	background-color:#54b4cf;
}
#menuPrincipal div#submenu p {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}
#menuPrincipal div#submenu p a {
	color:#FFF;
}
/**html #submenu 		{ height:35px; }
 html>body #submenu { min-height:35px; }

#submenu #subnav			{background:none;}
#submenu #subnav li			{ background:none; padding:2px 10px;}
#submenu #subnav li a		{background:none; display:inline; width:auto}
#submenu #subnav li a:hover	{color:#99CCFF;}
#submenu #subnav li a.active{color:#99CCFF;}/**/

/*CONTENIDO*/
#contenido {
	float:left;
	width:580px;
	margin:0px 10px;
	display:inline;
}

/*PRINCIPAL*/
#principal {
	float:left;
	width:580px;
	margin-bottom:40px;
	padding:0;
	display:inline;
}
#principal h1#seccion {
	padding:0;
	margin:15px 0;
	color:#54b4cf;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	font-weight:bolder;
}

/*TXT*/
#txt {
	float:left;
	width:235px;
	margin-right:25px;
}


/*FOTOS*/
#fotos {
	float:left;
	width:334px;
}
#fotos img {
	margin-bottom:10px;
}

/*BREADCRUMBS*/
#breadcrumbs a:hover	{color:#FFFFFF;}
#breadcrumbs a.active	{color:#FFFFFF;}/**/

/*CONT_SUBNAV*/
ul#cont_subnav { 
	margin:0; 
	padding:0; 
	list-style:none; 
	margin-left:50px;
	text-align:center; 
}
ul#cont_subnav li { 
	float:left;
	display:inline;
	border-bottom:2px solid #54b4cf;
	margin-right:48px;
	margin-bottom:40px;
	width:200px;  
}
ul#cont_subnav li p {
	display:none;
}
ul#cont_subnav li h2 {
	margin:0;
	padding:4px 0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:38px !important;
}
ul#cont_subnav li h2 a {
	color:#54b4cf;
}
ul#cont_subnav li h2 a:hover {
	color:#54b4cf;
}
.clase5 ul#cont_subnav, .clase9 ul#cont_subnav, .clase10 ul#cont_subnav, .clase6 ul#cont_subnav {
	margin:0;
}
.clase5 ul#cont_subnav li, .clase9 ul#cont_subnav li, .clase10 ul#cont_subnav li, .clase6 ul#cont_subnav li {
	width:580px;
	height:120px;
	margin:0 0 40px 0;
}
.clase5 ul#cont_subnav .non, .clase9 ul#cont_subnav .non, .clase10 ul#cont_subnav .non, .clase6 ul#cont_subnav .non {
	width:576px;
	border:2px solid #54b4cf;
	background:url(img_constantes/diseno_09/flortips.gif) bottom right no-repeat;
}
.clase5 ul#cont_subnav .non h2, .clase9 ul#cont_subnav .non h2, .clase10 ul#cont_subnav .non h2, .clase6 ul#cont_subnav .non h2 {
	float:left;
	display:inline;
	width:440px;
	margin-top:40px;
}
.clase5 ul#cont_subnav .non h2 a, .clase9 ul#cont_subnav .non h2 a, .clase10 ul#cont_subnav .non h2 a, .clase6 ul#cont_subnav .non h2 a {
	text-align:center;
	font-size:14px;
	font-weight:bolder;
	color:#c2cd23;
}
.clase5 ul#cont_subnav .non img, .clase9 ul#cont_subnav .non img, .clase10 ul#cont_subnav .non img, .clase6 ul#cont_subnav .non img {
	float:left;
	display:inline;
	width:100px;
	height:100px;
	padding:10px 0 10px 10px;
}
.clase5 ul#cont_subnav .par, .clase9 ul#cont_subnav .par, .clase10 ul#cont_subnav .par, .clase6 ul#cont_subnav .par {
	width:576px;
	border:2px solid #54b4cf;
	background:url(img_constantes/diseno_09/flortips2.gif) bottom left no-repeat;
}
.clase5 ul#cont_subnav .par h2, .clase9 ul#cont_subnav .par h2, .clase10 ul#cont_subnav .par h2, .clase6 ul#cont_subnav .par h2 {
	float:right;
	display:inline;
	width:440px;
	margin-top:40px;
}
.clase5 ul#cont_subnav .par h2 a, .clase9 ul#cont_subnav .par h2 a, .clase10 ul#cont_subnav .par h2 a, .clase6 ul#cont_subnav .par h2 a {
	text-align:center;
	font-size:14px;
	font-weight:bolder;
	color:#c2cd23;
}
.clase5 ul#cont_subnav .par img, .clase9 ul#cont_subnav .par img, .clase10 ul#cont_subnav .par img, .clase6 ul#cont_subnav .par img {
	float:right;
	display:inline;
	width:100px;
	height:100px;
	padding:10px 10px 10px 0;
}
/*DIRECTORIO*/
#directorioTitle { color: #c2cd23; font-size:18px; font-weight:bolder; text-transform:uppercase; background-color:#FFF;}
#directorioTitle p { margin:0}

h1.directorio {
	margin:0;
	padding:4px 0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
}
h2.directorio { font-size:14px; color:#666; font-weight:normal; margin:10px 0; padding:0; height:140px;}
h3.directorio { font-size:12px; color:#666; border:2px solid #c2cd23; padding:5px; text-align:center; }
/*h4.directorio { font-size:12px; color:#008CA8; border:solid 1px; background-color:#FFF; padding:5px; float:right; width:125px; margin-right:30px; text-align:center}*/
h4.directorio { font-size:12px; color:#008CA8; border:solid 1px; background-color:#FFF; margin-left:160px; padding:5px; text-align:center}
.directorio ul { width:auto; background-color:#ECFABB; clear:both; background-image:none; margin:0; margin-bottom:20px; padding:10px; }
/*ul.directorio li {margin:10px 0; color:black; background-image:url(img_constantes/ul_li_bullets.gif); background-position:top left; background-repeat:no-repeat; padding-left:20px; list-style:none; }*/
.directorio ul li { color:black; list-style:none; }

h3.directorio img {vertical-align:bottom;}
img.directorio {
	border:solid 1px #c2cd23; 
}
img#dirimg01 {
	float:left;
	display:inline;
	border-style:none;
	margin-right:30px;
}
img#dirimg2 {
	text-align:center;
}
#cupon {
	text-align:center;
	margin-bottom:20px;
}

/* GALERÍA */
div#contenidoGaleria { }
#galeria { margin:0 auto; padding:0; list-style:none; width:580px; white-space: nowrap; overflow:auto; height:220px; background: none transparent; }
#galeria li { display:inline; padding:0; margin:0; }
#galeria li a img { margin:0; padding:0; border:1px solid #c2cd23; }
#galeria a { margin:0; padding:0; border:none;}
#galeria a:hover { margin:0; padding:0; border:none; }

/*DIRECTORIO CONTACTAR*/
#div_contactar {
	float:left;
	width:556px;
	border:2px solid #54b4cf;
	margin:40px 0;
	padding:5px;
	display:inline;
	color:#54b4cf;
}
#div_contactar p {
	color:#54b4cf;
}
#div_contactar #aright {
	text-align:right;
	margin-right:30px;
}
#contactar .db_ancho {
	width:120px;
}
#div_contactar h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	margin:0 0 10px 0;
	font-weight:bolder;
	text-align:left;
	color:#c2cd23;
}
#contactar label {
	display:inline-block; 
	width:70px; 
	text-align:left;
}
#contactar textarea {
	border:2px solid #54b4cf;
	width:80%
}
#contactar input {
	border:2px solid #54b4cf;
}
#contactar .campoObligatorio { color:#990000; }
#contactar .campoObligatorio em { text-align:center; }
#contactar legend { font-size:14px; font-weight:bold; color:#006699; } 

/*AUX3*/
#aux3 { position:absolute; top:5px; right:5px; }

/*AUX2*/
#aux2 {
	float:left;
	width:170px;
	display:inline;
}
#canvas #aux2 object {
	display:block;
	margin-bottom:10px;
}
#aux2 input#SearchString{
	width:100px;
	margin-bottom:5px;
}
#aux2 input#SubmitSearchString{
	margin-bottom:5px;
}

/*MENU2*/
#menu2 {
	float:left;
	display:inline;
	width:170px;
}
#menu2 ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu2 ul li {
	margin-bottom:4px;
}
#menu2 ul li a {
	background-color:#54b4cf;
	display:block;
	width:160px;
	padding:3px 5px;
	text-decoration:none;
	color:#FFF;
}
#menu2 ul li a:hover {
	background-color:#C2CD23;
	color:#FFF;
}
#menu2 ul li a.active {
	background-color:#C2CD23;
	color:#000;
	text-transform:uppercase;
}

/*FIRMA*/
#firma {
	width:900px;
	text-align:center;
	font-size:9px;
	color:#54b4cf;
}
#firma #usersonline {
	text-align:center;
	font-size:10px;
	color:#54b4cf;
}

/************************* Estilos de clases ***********************/

.clearboth {
	clear:both;
	padding:0;
	margin:0;
}
.clearnone {
	clear:none;
	padding:0;
	margin:0;
}
.btn {
	display:inline-block;
	font-size:9px;
	height:20px;
	width:50px;
	background:url(img_constantes/diseno_09/bg_btn.gif) no-repeat center;
	color:#FFF; !important
	border:none; !important
}