/*--------------------------------
HOJA DE ESTILOS BASICA
Author: Esteban Helguero Cardiff
Fecha: 18/02/2010
------------------------------- */

body { background: url(images/bkg_main.gif) top center repeat-y; font-family: Verdana, Geneva, sans-serif; margin: 0; padding: 0;}

#wrapper,
#extra_wrapper,
#container,
#header,
#content,
#main,
#secondary,
#extra,
#footer { }

#wrapper{ background: url(images/fondo_manchas.png) top center no-repeat; }

	#extra_wrapper {}
	
		#container { margin: 0 auto; width: 1024px; }
		
			#header {}
				
				#menu_header { float: right; font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; }
				
			#rotativo { height: 300px; padding-left: 140px;}
			
			#main_menu { text-align: center; height: 50px; width: 1024px;}
			
			#content { width: 850px; margin: 0 auto;  }
				
					#main { float: right; width: 466px;}
					
					#secondary { float: left; width: 369px; }
				
			#extra { background:url(images/menu_pie/bkg_menu_pie.png) top center no-repeat; height: 230px;}
			
			#footer { text-align: center; height: 130px;}

/* ---------- ELEMENTOS HTML BASICOS ----------- */

h1 { margin: 0; padding: 0; float: left; }

h2 { margin: 30px 0 20 0; padding: 10px 0 5px 0; text-align: right; background:url(images/subrayado.png) bottom right no-repeat; font-size: 40px}

h3 { font-size:25px; margin: 0; padding: 0;}

h4 { background-color: #FFF; filter: alpha(opacity=50); opacity: .5}

h6 { font-size: 11px; }

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

ul li { display: inline; }

img { border: none; }

input,
textarea { border: 1px solid #ccc; }

/* ------------ CLASES GENERICAS --------------- */

.exito { font-size: 11px; background-color: #DFEEFF;}

.error {font-size: 11px; background-color: #FFDFE0;}

.blank_space { clear: both;}

.tr_cabecera td{ font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }

.tr_cabecera td { border-bottom: 1px solid #000; }

.sub_negro td { border-bottom: 1px solid #ccc; }

.binfv,
.bsupv,
.bderv,
.bizqv { position: absolute; }

.binfv { margin-top: 215px; margin-left: 25px; }




.bderv { margin-left: 327px; margin-top: -7px;}

.bsupv { margin-top: 4px; margin-left: 25px;}

#gmap .bderv,
#gmap .bsupv,
#gmap .bizqv,
#gmap .binfv {z-index: 99;}

#gmap .bderv {margin-top: -23px;}
#gmap .bizqv {margin-top: -15px;}

#gmap .bsupv { margin-top:-12px;}
#gmap .binfv { margin-top: 200px;}

#map_canvas { }
.bizqv {}

#categoria #mediaspace0,
#categoria #mediaspace1,
#team #mediaspace,
#inicio #mediaspace,
#fotosyvideos .video { margin-top: 10px; margin-left: 20px; }

.borde_rotativa { position: absolute; margin-left: -15px;  margin-top: -18px; z-index: 99;}
.nota { margin-bottom: 40px; }

.canal_youtube { color: #fff; font-size: 14px;}
/* ------------- MENU CABECERA ------------------- */

#menu_header ul li { margin-right: 10px; }

#menu_header ul li a { color: #333; text-decoration: none; }

	#menu_header ul li a:hover { text-decoration: underline; }

/* --------------- MENU MAIN ---------------------- */

#main_menu {}

#main_menu ul li { margin: 0 25px 20px 25px; padding: 0;}

#main_menu ul li a { text-decoration: none; color: #000; font-size: 23px; margin-top: 2px; margin-bottom: 3px; padding: 0;}

#main_menu ul li a:hover { border-bottom: 2px solid #fff;}

/* --------------- MENU PIE ----------------------- */

#extra .al { margin-left: 90px; }
#extra .es,
#extra .en { margin-left: 100px; }

/*#extra { padding-top: 140px; margin-left: 100px; }*/

#extra .al li,
#extra .en li { margin-right: 40px; text-align: center;}
#extra .es li { margin-right: 50px; text-align: center; }*/

#extra .menu_pie{ padding-top: 50px;}
#extra .menu_pie tr td a { color: #333; text-decoration: none;  font-size: 18px; margin: 0; padding: 0;}

#extra .menu_pie tr td a img{ margin: 0; padding: 0;}

/* ------------------------------ COMPONENTES ------------------------------------- */

/*-------- Inicio ------*/

#inicio #main { float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; }

	#inicio #main p { text-align:justify; }

#inicio #secondary { float: right; margin-top: 10px;}

#inicio h2 { margin: 25px 0 10px 0; text-align: center; }

#inicio #mediaspace { margin-top: 10px; }

#inicio .poseidon { margin: 10px 0 0 60px; }

/* ---------------- CATEGORIAS ------------------- */

#categoria #main p,
#visitas{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align: justify; }

#categoria #main table tr { border-bottom: 1px solid #000; }

#categoria #main table tr td { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }

#categoria #main table tr td.td_precio { font-size: 16px; }

#categoria #mediaspace { margin-top: 10px; }

#categoria .puppet { margin: 20px 0 0 70px; }

/* ---------------- TEAM ------------------------ */

#team #main ul li { display:block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align: justify; margin-bottom: 3px;}

/* --------------- CONTACTO ---------------------- */

#contacte #main { float: left; }

#contacte #secondary { float: right; }

#contacte #main p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align: justify; }

/* -------------- FILOSOFIA -------------------------- */

#filosofia { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align: justify; }

	#filosofia #secondary img,
	#visitas #secondary img { margin: 20px 0 0 40px; }
	
/* --------------- GALERIA -------------------------- */

#fotosyvideos #main { margin-top: 17px; }

#galeria ul,
#fotosyvideos #main ul { margin-top: 15px; background:url(images/borde_bajo.png) bottom center no-repeat; padding-bottom: 10px; margin-bottom: 36px;}

#galeria ul li a,
#fotosyvideos #main ul li a{ margin-left: 12px; }

#fotosyvideos #main ul li a { margin-left: 42px; }

#galeria ul li a img,
#fotosyvideos #main ul li a img{ margin-bottom: 10px; border: 2px solid #fff; }

#galeria ul li a:hover img,
#fotosyvideos #main ul li a:hover img{ border: 2px solid #000; }

#fotosyvideos #secondary { margin-top: 20px; }

#fotosyvideos #secondary .video {  padding-bottom: 30px;}

#fotosyvideos h5 { background:url(images/borde_alto.png) bottom center no-repeat; padding-bottom: 18px; margin: 0px; color: #000; font-size:14px;}



/* ------------ COLABORADORES ------------------------ */
#colaboradores { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align: justify; }

#colaboradores ul { margin-left: 50px; }

#colaboradores ul li { display: block; margin-bottom: 10px; }

#colaboradores ul li a{ color: #000; }

#colaboradores #secondary img { margin-left: 30px; }

/* ------------- METEOROLOGIA ----------------------- */

#meteorologia #main,
#meteorologia #secondary { text-align: center;}

/* -------------- OFERTAS ----------------------------- */

#ofertas { font-size: 12px; margin: 0 15px 0 15px;}
	
/* -------------- MODULOS --------------------------- */

#extra h3 { padding: 50px 0 15px 80px; }

#extra #minigaleria { margin-left: 80px; }

#extra #minigaleria li { margin: 0 21px; }

#extra #minigaleria li a img { border: 1px solid #ccc; }

#extra #minigaleria li a:hover img { border: 1px solid #000; }

/* ----------------- FOOTER ---------------- */

#logos { float: left; width: 500px; margin-top: 35px; text-align: left; padding-left: 80px;}

	#logos ul li { margin-right: 5px; }

#info_empresa { float: right; width: 250px; margin-right: 70px;}

	#info_empresa ul li { text-align: right; color: #fff; display:block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }
	
	#info_empresa ul li a{ color: #fff; }
	
.menu_pie li a span { }

#camaras ul { text-align: center; }

#visitas em { font-weight: bold; font-size:11px;}

.visitas { font-size: 13px; color: #fff;}

.guestbook p { font-size: 21px; font-weight: bold; margin: 0px; padding-top: 10px; }

.guestbook .firma { text-align: right; margin: 0px; padding: 0 0 15px 0;}

#visitas #main ul { text-align: right; margin-top: 15px; }

#visitas #main ul li a{ text-decoration: none; color: #000; margin: 20px 10px 0 0;}

#visitas #main ul li a:hover { border-bottom: 2px solid #fff; }