html, body { width:100%; height:100% }
body { margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; }
body, textarea { font-family:'Roboto Condensed', sans-serif; }
.video-background { background:#000; position:fixed; top:0; right:0; bottom:0; left:-10px; z-index:-99; }
.video-foreground, .video-background iframe { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; }
#vidtop-content { top: 0; }
@media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } }
@media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } }

#alatransp { position:fixed; top:0; left:-100px; z-index:-1 }
#topbar_gradient { z-index:0; position:relative; top:0; left:0; width:100%; height:100px; background: rgba(0,76,152,1); background: -moz-linear-gradient(top, rgba(0,76,152,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,76,152,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(0,76,152,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(0,76,152,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(0,76,152,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(0,76,152,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c98', endColorstr='#ffffff', GradientType=0 );;}

#cuerpo, #pie_interior { width:100%; margin:0 auto; max-width:900px }
#cuerpo { margin-top:-70px; }
#logoweb { display:block; visibility:visible }
#logomovil { display:none; visibility:hidden }
#cuerpo_alatransp { position:relative; float:right; margin-top: -111px; margin-right:229px; }
#cuerpo_form_login { z-index:3; font-weight:bold; position:relative; float:right; margin-top:-70px; margin-left:655px }
#cuerpo_form_login input[type=text], #cuerpo_form_login input[type=password] { width:150px; }
#cuerpo_form_login input[type=button], #cuerpo_form_login input[type=submit] { border:none; background:none; font-weight:bold; cursor:pointer; }

#cuerpo_interior { margin-left:88px; margin-top:50px; z-index:1000 }

#cuerpo_interior_barra_menu{ position: relative; clear:both; margin-bottom:20px; }
#cuerpo_interior_barra_menu_ul { list-style-type:none; margin:0; padding:0; overflow:hidden }
#cuerpo_interior_barra_menu_ul li { float:left }
#cuerpo_interior_barra_menu_ul li a { display:block; color:#fff; text-align:left; text-decoration:none; font-size:24px; margin-right:50px; cursor:pointer }
#cuerpo_interior_barra_menu_ul li a:hover { color:#004C97 }

#cuerpo_interior_titulosuperior { color:#FFF; font-size:28px; margin-top:20px; }
#cuerpo_interior_tituloinferior { color:#FFF; font-size:58px; font-weight:bold; line-height:58px; }
#cuerpo_interior_titulointerno { color:#FFF; font-size:44px; font-weight:bold; margin-top:20px }
#cuerpo_interior_titulointerno2 { color:#FFF; font-size:34px; font-weight:bold; margin-top:20px }
#cuerpo_interior_texto { color:#000; font-size:18px }

#page_contactos_nombres { float:left; width:50%; }
/*#page_contactos_form { position:relative; float:right; width:50%; }*/
#page_contactos_form { position:relative; float:none; width:100%; }
#page_contactos_form_titulo { color:#FFF; font-size:26px; font-weight:bold; }
#page_contactos_form input[type=text], #page_contactos_form input[type=email], #page_contactos_form input[type=button], #page_contactos_form textarea, #page_contactos_form input[type=reset] { width:98%; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 0px none #000000; background-color:#D1D1E2; line-height:25px; padding:5px; margin:5px 0 5px 0; }
#page_contactos_form input[type=reset] { color:#FFF; width:40%; float:left; background:none; cursor:pointer }
#page_contactos_form input[type=button] { color:#FFF; font-weight:bold; width:40%; float:right; cursor:pointer }
#page_contactos_pie_imagenes { display:flex; justify-content:space-between; align-items:center }

#pie { position:fixed; bottom:0; left:0; width:100%; height:100px; background-color:#000}
#pie_interior { padding-top:24px }
#pie_interior_logo { float:left; margin-right:15px }
#pie_interior_texto { color:#FFF; font-size:14px; padding-top:22px;}

.cb-slideshow { display:none; visibility:hidden }

@media( max-width: 800px) {
	.video-background{ display:none; visibility:hidden }
	.cb-slideshow { display:block; visibility:visible; list-style-type:none }
	body, #cuerpo_form_login input[type=button], #cuerpo_form_login input[type=submit] { color:#FFF }
	#cuerpo_interior { padding:10px } 
	#cuerpo_logo { position: relative; top: -63px; text-align: left; left:0; width:90% }
	#logoweb { display:none; visibility:hidden }
	#logomovil { display:block; visibility:visible }
	#cuerpo_form_login { margin-left:21px; float:none }
	#cuerpo_form_login input[type=text], #cuerpo_form_login input[type=password] { width:225px; margin-bottom:5px }
	/*#cuerpo_form_login form { text-align: left; width: 235px; margin: 0 auto; }*/
	#cuerpo_alatransp { display:none }
	#cuerpo, #pie_interior { width:100%; margin:0 auto; }
	#cuerpo_interior { margin-left:10px; margin-top:50px; }
	#cuerpo_interior_tituloinferior { font-size:50px }
	#cuerpo_interior_texto { color:#FFF }
	#page_contactos_nombres { float:none; width:100%; }
	#cuerpo_interior_titulointerno2 { font-size:30px; }
	#page_contactos_form { position:relative; float:none; width:100%; margin-top:20px }
	#page_contactos_form input[type=text], #page_contactos_form input[type=email], #page_contactos_form input[type=button], #page_contactos_form textarea, #page_contactos_form input[type=reset] { width:95%;}
	#page_contactos_form input[type=reset] { display:none; visibility:hidden }
	#page_contactos_form input[type=submit] { width:40%; float:left; background-color:#000 }
	#page_contactos_pie_imagenes { display:block }
	#page_contactos_pie_imagenes div { text-align:center; margin-bottom:20px }
	#pie { height:75px }
	#pie_interior { padding-top:5px }
	#pie_interior_texto { padding-top:8px }
}