/*--------------------------------
HOJA DE ESTILOS BÁSICA
Author: Esteban Helguero Cardiff
Fecha: 18/02/2010
------------------------------- */

body { background-color: #09709b; font-family: Verdana, Geneva, sans-serif; margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 11px; }

#wrapper,
#extra_wrapper,
#container,
#header,
#content,
#main,
#secondary,
#extra,
#footer { /*border: 1px solid #ccc;*/ }

#wrapper{ background: url(images/fondo.gif) top left repeat-x;/*background-color: #fff;*/}

	#extra_wrapper { }
	
		#container { margin: 0 auto; width: 1024px; }
		
			#header { }
			
				#menu_header { float: right; font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; }
			
			#content {}
				
				#nombre { float: left; width: 700px;}
				
					#main { float: right; width: 400px; text-align: center; background: url(images/borde_bajo.png) bottom center no-repeat; padding-bottom: 20px;}
					
					#secondary { float: left; width: 280px;}
				
				#extra { background:url(images/bkg_menu_pie.png) top center no-repeat; height: 230px;}
				
				#extra2 {width: 300px; float: right;}
			
			#footer { text-align: center; color: #fff; }

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

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

h2 {text-align: center; color: #fff; margin: 0; font-size: 30px;}

h3 { color: #fff; font-size: 18px; background:url(images/borde_alto.png) bottom center no-repeat; padding-bottom: 20px; font-size: 30px;}

h4 {}

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

img { border: none; }

ul li { display: inline; }

input,
textarea { border: 1px solid #ccc; }
.canal_youtube { color: #fff; font-size: 14px;}
/* ------------ CLASES GENERICAS --------------- */

.blank_space { clear: both;}

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

#main ul li { padding-bottom: 5px; display:block; }

#main ul li a { margin:0 3px; }

	#main ul li a img { border: 1px solid #fff; }

/* ------------- 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 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;}

/* ------------- VIDEOS ----------------------- */

.brdvideo { position: absolute;}

#mediaspace,
#mediaspace2,
#mediaspace3,
#mediaspace4,
#mediaspace5,
#mediaspace6,
#mediaspace7,
#mediaspace8,
#mediaspace9,
#mediaspace10 { margin: -20px 0 5px 0; padding: 23px 0 0 22px; background:url(images/brd_videos.png) top left no-repeat; width: 300px; height: 200px;}

/* ------------- GALERIA ---------------------- */
/* --------------- GALERIA -------------------------- */

#galeria ul,
#fotosyvideos #main ul { margin-top: 15px; }

#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 .video {  padding-bottom: 30px;  }
/*#galeria { background: url(images/bkg_galeria.png) bottom center no-repeat; text-align: center; height: 150px; }

#galeria ul li { display: inline;}

	#galeria ul li a img { margin: 0 6px 0 6px; }*/

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

#footer a { color: #fff;}

	#fotter p { margin: 0; padding: 0; }
	
	/* ----------------- FOOTER ---------------- */

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

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

#info_empresa { float: right; width: 300px; 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; }