/* CSS Document */
body{
    background:url(../IMAGES/bg.jpg) repeat-x #DEDEDE;
    margin-bottom: 0px;
    margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

.imgopacity:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    cursor:pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
/**TOP**/
#top{
    height:135px;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
}

#line_top {
	width:100%;
	height:9px;
	background-color:#ED7A1B;
}

.logo{
    float:left;
    height:90px;
    margin-top:10px;
    margin-left:20px;
    width:401px;
}

.redes_sociales{
    background:url(../IMAGES/bg_redes.png) no-repeat;
    float:right;
    height:35px;
    margin-right:20px;
    width:210px;
}

.contacto{
    color: #00457F;
    float: right;
    font-family:share-regular;
    font-size:14px;
    margin-right: 20px;
    margin-top: 15px;
    text-align: right;
    width: 500px;
}
/**TOP**/

/**MENU**/
/**MENU**/

#menu{
    background: url(../IMAGES/bg_menu.png) no-repeat;
    float:left;
    font-family:share-regular;
    font-size:14px;
    height:35px;
    margin-top:30px;
    width:1000px;
}

#nav{
	/* Clear floats */
    height:16px;
	list-style:none;
    margin:0;
    padding:7px;
    position:relative;
	width:100%;
	z-index:5;


	/* Bring the nav above everything else--uncomment if needed.*/
}

#nav li{
	float:left;
	margin-right:35px;
    margin-top:5px;
	position:relative;
}
#nav a{	
    color:#00457F;
	display:block;
	padding:0;
	text-decoration:none;
}

#nav a:hover{
    color:#FFF;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#FFB600; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	list-style:none;
    margin:0;
    padding:0;
	position:absolute;
}
#nav ul li{
    background:#FFB600;
	float:none;
    height:25px;
 /* Introducing a padding between the li and the a give the illusion spaced items */
    width:155px;
    
box-shadow: 1px 1px 4px 2px rgba(33,33,33,0.51);
-webkit-box-shadow: 1px 1px 4px 2px rgba(33,33,33,0.51);
-moz-box-shadow: 1px 1px 4px 2px rgba(33,33,33,0.51);

}
#nav ul a{
    padding-left:15px;
    padding-top:5px;
    padding-bottom:0px;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    color:#FFF;
    height:25px;
    text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	color:#00457F;
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#ED7A1B;
    color:#FFF;
}
/**MENU**/

/**BANNER**/
#wrapper_banner{
    background:#00457F;
    float:left;
    height:200px;
    width:100%;
}

.banner{
    height:200px;
    margin-left:auto;
    margin-right:auto;
    width:1000px;
}
/**BANNER**/

/**WRAPPER_CONTENIDO**/
#wrapper_contenido{
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-top:270px;
    width:1000px;
}

.contenido_izquierdo{
    background:url(../IMAGES/bg_linea.jpg) repeat-y left;
    float:left;
    height:auto;
    margin-left:20px;
    padding-left:20px;
    width:410px;
}

.contenido_izquierdo_interior{
    float:left;
    height:auto;
    margin-left:20px;
    padding-left:20px;
    width:330px;
}

.video{
    height:300px;
    float:right;
    margin-right:20px;
    width:450px;
}
.video_interior{
    height:380px;
    float:right;
    margin-right:20px;
    width:530px;
}
.video_interior iframe{
    border-style: none;
}
.list_videos{
    list-style: none;
}

.list_videos li{
    color:#555555;
    font-family:share-regular;
    font-size:13px;
    margin-bottom: 20px;
}
.list_videos span{
    float: right;
    margin-left: 5px;
    margin-top: 20px;
    width: 180px;
}
.titulos{
    color:#EEE;
    font-family:share-regular;
    font-size:25px;
    float: left;
    margin: 0px 20px 30px 20px;
    width: 960px;
}
.empresa_certificada{
    float: left;
    margin: 0px auto;
    width: 800px;
    text-decoration: none;
}
.empresa_certificada a div{
    color:#555555;
    float: left;
    font-family:share-regular;
    font-size:13px;
    margin-top: 10px;
    text-decoration: none;
}

.empresa_certificada li{
    float: left;
    list-style: none;
    margin: 0px 40px;
    width: 115px;
    text-decoration: none;
}
.empresa_certificada span{
    color: #555555;
    float: left;
    font-family:share-regular;
    width: 115px;
}
.galerias{
    float: left;
    list-style: none;
    margin: 0px 20px;
    width: 960px;
}

.galerias li{
    float: left;
    height: 81px;
    margin-left: 20px;
    margin-top: 20px;
    width: 90px;
}
/**WRAPPER_CONTENIDO**/
/**CONTACTO**/
.form_contacto{
    float: left;
    width: 410px;
}

.input_box{
    float: left;
    margin-top: 15px;
    width: 300px;
}
.input_box input{
    background:#FFF;
    border:thin solid #888;
    color: #555555;
    float: left;
    font-family:share-regular;
    font-size: 13px;
    height: 15px;
    margin-top: 5px;
    outline-color: #555;
    padding: 5px;
    width: 300px;
}

.input_box2{
    float: left;
    margin-top: 10px;
    width: 300px;
}

.input_box2 textarea{
    background:#FFF;
    border:thin solid #888;
    color: #555555;
    float: left;
    font-family:share-regular;
    height: 100px;
    margin-top: 5px;
    max-height: 100px;
    max-width: 300px;
    outline-color: #555;
    padding: 5px;
    width: 300px;
}
.btn_enviar{
    background:url(../IMAGES/btn_enviar.png) no-repeat 0px -21px;
    border:none;
    border-style:none;
    float:right;
    height:21px;
    margin:15px 100px 0 13px;
    outline:none;
    padding:0px;
    width:63px;
}

.btn_enviar:hover{
    background:url(../IMAGES/btn_enviar.png) no-repeat 0px 0px;
    height:21px;
    width:63px;
    cursor:pointer;
}
.btn_enviar:active{
    background:url(../IMAGES/btn_enviar.png) no-repeat 0px -42px;
    height:21px;
    width:63px;
    cursor:pointer;
}
/**CONTACTO**/
/**FOOTER**/
.footer{
    border-top: solid 3px #BE6216;
	background-color:#ED7A1B;
    color:#FFF;
    float: left;
    font-family:share-regular;
    font-size:11px;
    height: 20px;
    margin-top: 70px;
    padding-top:10px;
    text-align: center; 
    width:100%;
	height:40px
}
/**FOOTER**/


/**TEXTOS**/
.texto_regular{
    color:#555555;
    font-family:share-regular;
    font-size:13px;
}
/**TEXTOS**/