@import url("reset.css");
/*--------------- Comunes ---------------*/
body,html { height: 100%; }
body {font-family:open_sans_lightregular, Arial, Helvetica, sans-serif;}
.fontface, .fontface * {font-family:'open_sans_lightregular', Arial, Helvetica, sans-serif;}
h1 {font-size:28px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:12px;}
p {font-size:14px;}
a {text-decoration:none; color:#93815B;}
a:hover {text-decoration:underline;}
.separa {width:100%; clear:both; height:1px; display:block; margin:0; padding:0; min-height: 1px !important; max-height: 1px !important;}
.foto img {display:block;}
.boton {cursor:pointer;}
.aleft {float:left;}
.aright {float:right;}
.hide {display:none;}
.block {display:block;}
/*-------------------oo------------------------*/

/*--------------- Estructurales ---------------*/
.wrapper {background:#FFFFFF;}
#main, #header > .contenido, #footer .contenido {max-width:960px; *width:960px; margin:0 auto; display:block;}
#main {padding:15px 0;}

.seccion .contenido {width: 960px; min-height: 320px; margin: 0 auto; padding:20px 2%;}
.seccion .contenido .rotulo {color:#393939; padding:15px 0; margin:15px 0; background:#f0f0f0; border-top: 1px #e3e3e3 solid; border-bottom: 1px #c9c9c9 solid; text-align: center;}
.seccion .contenido h1.rotulo {font-size: 32px; background: #327ba6; color:#fff; margin-bottom:0;}
.seccion .contenido h2.rotulo {font-size: 18px;}
.seccion .contenido label {font-size: 14px; color:#393939; line-height: 140%;}
.seccion .contenido .ayuda {font-size: 13px; font-style: italic; color:#696969;}
.seccion .contenido .boton {border:1px #393939 solid; padding:5px 10px; font-size: 14px; color:#393939; text-align: center; font-weight: lighter; background: #fff;}
.seccion .contenido .boton:hover {background:#393939; color:#fff;}
.seccion .contenido .input {border:1px #c9c9c9 solid; padding:8px 5%; width:90%; color:#393939; background: #F6F6F6;}
.seccion .contenido .input:focus {border:1px #393939 solid;}
.seccion .contenido .textarea {width:98%; border:1px #c9c9c9 solid; resize: none; padding:1%;}
.seccion .contenido .textarea.small {height: 65px;}
.seccion .contenido .textarea.big {height:500px;}
.seccion .contenido .textarea:focus {border:1px #393939 solid;}


/*--------------- Secci�n1 ---------------*/
.seccion1 {background:#393939; wi}
.seccion1 .contenido embed, #prontusPlayer {display: block; margin: 0 auto;}
/* FIN Secci�n1 */

/*--------------- Secci�n 2 ---------------*/
.seccion2 .contenido table {width:100%;}
.seccion2 .contenido table tbody {border:1px #c9c9c9 solid; border-top:none;}
.seccion2 .contenido table td {padding:10px 1%;}
.seccion2 .contenido table .td1 {width:25%;}
.seccion2 .contenido table .td2 {width:40%;}
.seccion2 .contenido table .td3 {width:35%;}
/* FIN Secci�n 2 */


/*--------------- Font-Face y otros estilos ---------------*/
@font-face {
    font-family: 'open_sans_lightregular';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype'),
         url('../fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: bold;
    font-style: normal;

}

.video-js {
    margin: 0 auto;
}