/* General Styles */
body				{ margin: 0; background-color: #30aac9; background-image: url(images/bodybg.jpg); background-position: center top; background-repeat: repeat-y; font-family: Verdana, Microsoft Sans Serif, Arial, Sans; font-size: 10px; text-align: left; }

h1 					{position:relative; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 26px; font-weight:normal; margin: 15px 0px 5px 0px; padding-bottom: 5px; text-align: left; color: #ff7700; letter-spacing: -1px; width: 100%; border-bottom: 1px dotted #d3d3d3; }
h1 img				{position:relative; top:5px;}
h4					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; margin: 15px 40px 5px 0px; padding-left: 15px; padding-bottom: 5px; text-align: left; color: #ff7700; letter-spacing: -1px; border-bottom: 1px dotted #d3d3d3; }
ul					{list-style-type: none;}

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


.texto				{ font-family: Verdana, Microsoft Sans Serif, Arial, Sans; font-size: 12px; text-align: justify; }
.texto_quienessomos { font-family: Verdana, Microsoft Sans Serif, Arial, Sans; font-size: 12px; text-align: justify; margin: 0px 10px 0px 0px; padding-left:30px;}
.texto_educacion 	{ font-family: Verdana, Microsoft Sans Serif, Arial, Sans; font-size: 12px; text-align: justify; margin: 0px 20px 0px 0px; }
.antonio			{font-weight:bold;}

/* Main Styles */
#gen				{ margin: auto; width: 900px; }
 	
/* Top Styles */
#top				{ position: relative; float: left; width: 755px; height: 223px; left: 50px; } 
#main-logo			{ position: relative; float: left; left: -26px; }
#calendar_box		{ position: relative; float: right; width: 185px; }
#menutop			{ position: relative; float: left; width: 800px; height: 60px; overflow: hidden; }

/* Mid Styles */
#mid				{ position: relative; float: left; width: 800px; left: 50px; }
#block				{ position: relative; float: left; width: 100%; margin-top: 10px; }
#block75			{ position: relative; float: left; width: 75%; margin-top: 20px;}
#block60			{ position: relative; float: left; width: 60%; margin-top: 20px;}
#block50			{ position: relative; float: left; width: 50%; padding: 10px 0px 10px 0px; }
#block40			{ position: relative; float: right; width: 40%; margin-top: 20px; }
#block25			{ position: relative; float: left; width: 25%; margin-top: 20px;}

/* End Styles */
#end				{ position: relative; float: left; width: 838px; height: 185px; background-image: url(images/endbgtop.jpg); background-repeat: no-repeat; background-position: center top; left: 32px; background-color: #333333; }

/* Top Menu */

#nav							{ position: relative; float: left; width: 800px; list-style-type: none; margin: 0;  padding: 5px 0px 10px 0px; background-color: #99cc00; color: #d3d3d3; font-weight:bold; font-size:12px;}
#nav li							{ position: relative; float: left; display: inline; list-style-type: none;  padding-top: 5px; padding-bottom: 5px;  }
#nav li a							{ color: #fff; padding: 15px 0 5px 10px; text-decoration: none; }
#nav li a:hover					{ text-decoration: none; }
#nav li ul							{ position: absolute; float: left; display: none; list-style-type: none; width: 700px; margin: 0; padding: 10px 0 10px 0; top: 22px; left:0; }
#nav li ul li						{ position: relative; float: left; display: inline; height:30px;}
#nav li ul li a						{ color: #fff; }
#nav li ul li a:hover					{ text-decoration: underline; }
#nav li:hover ul, #nav li.over ul		{ display: inline; } 

/* End Menu */
#endnav 				{ position: relative; float: left; width: 800px; list-style-type: none; margin: 15px 0 0 20px; padding: 0; font-size: 10px; font-weight:bold; color: #d3d3d3; text-align: left; }
#endnav a			{ color: #fff; text-decoration: none; }
#endnav a:hover		{ text-decoration: underline; } 
#endnav li			{ position: relative; float: left; display: inline; padding: 5px; width: 84px; }
#endnav li ul			{ position: relative; float: left; list-style-type: none; margin: 5px 0 0 0; padding: 0; width: 80px;  text-align: left;}


/* Specific */
#teatro_box			{ position: relative; float: left; width: 185px; height: 293px; margin: 5px; margin-left: 10px; background-image: url(images/teatrobox.jpg); }
#animacion_box		{ position: relative; float: left; width: 185px; height: 293px; margin: 5px; background-image: url(images/animacionbox.jpg); }
#pasacalles_box		{ position: relative; float: left; width: 185px; height: 293px; margin: 5px; background-image: url(images/pasacallebox.jpg); }
#ymas_box			{ position: relative; float: left; width: 185px; height: 293px; margin: 5px; background-image: url(images/ymasbox.jpg); }

#links_span			{ position: relative; float: left; width: 75%; left: 12%; top: 90px; }
#links_span a		{ position: relative; float: left; width: 100%; } 

#videos_box			{ position: relative; float: left; width: 375px; }
#videos_box p		{ font-size: 12px; color: #333333; width: 340px; padding-left: 20px;}
#pdf_box			{ position: relative; float: right; width: 375px; }
#pdf_box p			{ font-size: 12px; color: #333333; width: 220px;}
#pdf_box a			{ font-size: 14px; color: #3399CC; font-weight:bold; text-decoration:underline; }
.pdf_especiales		{ font-size: 14px; color: #3399CC; font-weight:bold; text-decoration:none; }
.pdf_especiales a      { font-size: 14px; color: #FF8800; font-weight:bold; text-decoration:none; }
.pdf_especiales a:hover { text-decoration: underline;}
#social_box			{ position: relative; float: left; width: 600px; }

.bg_ficha h3			{ margin-bottom: 0px; }
.bg_ficha ul			{ position: relative; float: left; margin: 0; padding: 20px; width: 311px; background-color: #cccc9a; list-style-type: none; left: 4px; }
.bg_ficha ul .gotoup	{ margin-top: -20px; }
.bg_ficha ul li		{ margin-bottom: 8px; font-size: 11px;}


.title_videoespectaculo		{ position: relative; float:left; left: 20px; }
.video						{position: relative; float:left; left: 20px;}
#contacta 					{ margin: 10px; padding:10px; float:left; font-size:16px; font-weight:bold;}

#espectaculos_box			{ position: relative; float: left; width: 100%; overflow: hidden; margin-top: 10px; }
#espectaculos_box h3 		{ position: relative; float: left; width: 100%; }
#esp_mbox					{ position: relative; float: left; left: 120px; top: -15px; }
#esp_mbox img				{ position: relative; float: left; margin-right: 10px; width: 150px; height: 150px; }

#fotos_espectaculos			{ list-style-type: none; position: relative; float: left; width: 100%; margin: 0 0 0 10px; padding: 0; }
#fotos_espectaculos li		{ list-style-type: none; position: relative; float: left; padding:5px; }