@charset "utf-8";
/* CSS Document */

*{	margin: 0;	padding: 0; outline: none; }

html{  font-family:Georgia, "Times New Roman", Times, serif; }
body{ margin: 0; padding: 0; /*height: 100%;*/  /*background: url("../img/background.jpg") bottom repeat-x; */}


#header{ background: url("../img/logo.png") bottom no-repeat; width:923px; height:200px; margin: 0 auto; position:relative; z-index:2;  }
#header .title-page{ margin:auto 0;  text-align:center; padding-top:140px; }
#header .title-page h1{ color:#0080A2; font-size:45px;    } 
#header .onair{ background: url("../img/onair.png") no-repeat; width:169px; height:96px; float:right; margin-right:-40px;   }
#header .control{ background: url("../img/buttons.png") no-repeat; margin-left:865px; margin-top:200px; height:271px; width:96px; position:absolute; z-index:11; }

/*#menu{  background: url("../img/menu.png") no-repeat; height:227px; width:120px; margin-left:50px; margin-top:80px; position:absolute; z-index:1; font-family:arial;  } 
#menu ul{ list-style-type:none; text-decoration:none; padding-left:5px; padding-top:10px; }
#menu ul li{ background: url("../img/icon_on.png") no-repeat center left;  margin-top:5px; margin-bottom:5px; opacity:0.6; filter:alpha(opacity=60);   }
#menu ul li:hover{  opacity:1.0; filter:alpha(opacity=100);  }
#menu ul li a{ padding-left:20px; text-decoration:none; color:#FFFFFF; font-size:20px; display:block;  } */

#menu{  margin: 0 auto; width:980px;   }
#menu .content{  background:#dadbdc; width: 296px; height: 530px; position:absolute; z-index:1; }
#menu .menu_elem{ margin-top:200px; padding:15px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }
#menu .menu_elem ul{ list-style-type:none; text-decoration:none; }
#menu .menu_elem ul li{  margin-top:15px; margin-bottom:5px; border-bottom: #717070 thin solid; padding-top:5px; padding-bottom:5px;  }
#menu .menu_elem ul li.selected{ background: url("../img/light_on.png") no-repeat center left; color:#0080A2;  }
#menu .menu_elem ul li.selected a{  color:#0080A2; }
#menu .menu_elem ul li.menu_item{ background: url("../img/light_off.png") no-repeat center left;  }
#menu .menu_elem ul li.menu_item:hover{ background: url("../img/light_on.png") no-repeat center left;  }
/*#menu .menu_elem ul li:hover{  color:#0080A2  } */
#menu .menu_elem ul li a{  padding-left:30px; text-decoration:none; color:#000; font-size:20px; display:block; }
#menu .menu_elem ul li a:hover{ color:#0080A2;  }


#content{ margin:0 auto; width:700px; min-height: 600px;   }
#content .text{ margin-left: 180px;   }
#content .text p{ text-align:justify; margin-top:20px; margin-bottom:20px; }

#content .music_notes{ margin-left: 150px; margin-top:-50px;  background: url("../img/music_notes.png") no-repeat center;  width: 530px; height:170px; z-index:1; float:left; padding-bottom:50px;  }
#content .music_notes img{ margin-left:30px; margin-top:50px; }

#content .gear{ margin-left: 180px; }
#gear_table tr td{ text-align:center; font-size:11px; font-weight:bold; padding-bottom:10px; position:relative; height:150px;}
#gear_table tr td .gear_item{  position:absolute; bottom:40px; right:0; left:0;  }
#gear_table span{ width:100%; text-align:center; position:absolute; bottom:0; right:0; }


#content .projects .text{ text-align:justify; margin-top:20px; margin-bottom:0px; }
#content .projects .item{  margin-left: 180px; margin-top:-50px; }
#project_table tr td{ text-align:center; font-size:11px; font-weight:bold; padding-bottom:10px; position:relative; height:180px;}
#project_table tr td .project_item{  position:absolute; bottom:40px; right:0; left:0;  }
#project_table span{ width:100%; text-align:center; position:absolute; bottom:0; right:0; }


#contact .la_city{ margin-top: -20px; margin-bottom: 10px;   }
#content .contact{ margin-left: 180px; }
#contact {  margin-left: 180px; }
#contact fieldset{ border: 0; }
#contact .info{ width:240px; float:left; padding-right:20px;   }
#contact .info .elem{ font-size:14px; margin-bottom:20px; padding-bottom: 5px;   border-bottom: #E6E7E8 medium solid; }
#contact .info .elem h3{ color:#0080A2; }

#contact .form{ width:260px; float:left;  }
#contact .form input{ 	
width: 260px; 
height: 30px;
border: none; 
padding: 0px 10px 0px 10px; 
margin: 0 0 10px 0;   
font-family: sans-serif; 
font-size: 14px; 
color: #00576D; 
text-transform: uppercase;
background: #E6E7E8;   
background: -moz-linear-gradient(top, #E6E7E8 0%, #E6E7E8 20%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E7E8), color-stop(20%,#E6E7E8)); 
border-radius: 5px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-box-shadow: 0px 1px 0px #f2f2f2; 
-webkit-box-shadow: 0px 1px 0px #f2f2f2; 
}
#contact .form input::-webkit-input-placeholder{ color: #0080A2;    }
#contact .form input:-moz-placeholder { color: #0080A2;  }
#contact .form textarea{	
width: 260px; 
height: 170px; 
border: none; 
padding: 5px 10px 0px 10px; 
margin: 0 0 20px 0;
font-family: sans-serif; 
font-size: 14px; 
color: #00576D; 
text-transform: uppercase; 
 background: #E6E7E8; 	
background: -moz-linear-gradient(top, #E6E7E8 0%, #E6E7E8 20%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E7E8), color-stop(20%,#E6E7E8)); /* webkit */	
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-box-shadow: 0px 1px 0px #f2f2f2;
-webkit-box-shadow: 0px 1px 0px #f2f2f2; 
}

#contact .form textarea::-webkit-input-placeholder { 	color: #0080A2;   }
#contact .form textarea:-moz-placeholder { color: #0080A2;  }
#contact .form input:focus, textarea:focus {	
background: #C7C8C9; 
background: -moz-linear-gradient(top, #C7C8C9 0%, #C7C8C9 20%); /* firefox */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C7C8C9), color-stop(20%,#C7C8C9)); /* webkit */ 
}
#contact .form input[type=submit]{ 
    width: 185px; 
	height: 52px; 
	float: right;
    color: #FFF;
    font-size: 20px;	
	padding: 10px 15px; 
	margin: 0 15px 0 0; 
	-moz-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c; 	
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
	cursor: pointer;
}

#contact .thankyou{ margin-top:80px; text-align:center;  font-size:60px; }

#footer{  height: 258px;  background: url("../img/background.jpg") repeat-x;  position: relative; }
#footer .content{ width:980px;  margin: 0 auto; position: relative; }
#footer .content .speakers{  background: url("../img/speakers.png") no-repeat; width:101px; height:156px; margin-right:0px; margin-top: 0px; float:right;   }

#footer_desc{ width:980px;  margin: 0 auto;  }
#footer_desc .content{  position: absolute; bottom: 10px;  }
#footer_desc .content .desc{ color:#FFFFFF; font-size:14px;  }
#footer_desc .content .city{ color:#FFF; float:right; font-size:15px; }

/***** MARCADORES *******/
.border_w{	border:thin;	border-color:#fff;	border-style:solid;}
.border_r{	border:thin;	border-color:#F00;	border-style:solid;}
.border_g{	border:thin;	border-color: #0F0;	border-style:solid;}
.border_b{	border:thin;	border-color:#000000;	border-style:solid;}
.border_t{	border:thin; 	border-color:transparent;	border-style: solid;}
/****************/


/** CLEARFIX **/
.clear {	clear: both;}
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */