@charset "UTF-8";
/*****************************************************************************
*    Proyecto: INTRODUCIR NOMBRE DEL PROYECTO
*    Titulo: config.scss
*    Desripcion: Configuracion de rutas y entorno para SASS, NO DEBE GENERAR
*                ESTILOS
******************************************************************************/
/*RESETEO DE ESTILOS*/
html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, article, aside, details, dialog, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video, mark, code, kbd, pre, samp, a, abbr, acronym, address, code, del, dfn, em, strong, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, div { margin: 0; padding: 0; border: none; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline; text-decoration: none; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input, button, select, textarea { margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline; text-decoration: none; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul, ol, dl { list-style: none; }

/*CORRECTA VISUALIZACIÓN DE ETIQUETAS HTML5 EN NAVEGADORES NO SOPORTADOS*/
article, aside, details, dialog, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1.6em; }

body { font-family: sans-serif, Helvetica, "Arial"; }

/* ENLACES */
a { cursor: pointer; }

a:visited { text-decoration: none; }

/* cuando un link es visitado recupera el color original del link */
a:hover { text-decoration: underline; }

a:focus, a:active { text-decoration: none; }

/* ENCABEZADOS CON Y SIN ENLACE */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

/* RESET FORMULARIOS */
/*BOTONES*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }

button[disabled], input[disabled] { cursor: default; }

/* RESET TABLAS*/
table { border-collapse: collapse; border-spacing: 0; }
table {width: 97%; text-align: left; background-color: #fff; border-collapse: collapse; margin: 0.4em 0 .8em 0; font-size: 0.75em; }
table caption { font-weight: bold; }
table thead tr th { border-width: 0.1em; border:1px solid #2E5698; background-color: white; padding: 0.2em 0.3em; color: #2C5B98; vertical-align: middle; text-align: center; font-weight: bold;}
table tbody tr td { border-width: 0.1em; border:1px solid #2E5698; background-color: #ffffff; padding: 0.2em 0.3em;  vertical-align: middle; }
table tbody tr th { border-width: 0.1em; border:1px solid #2E5698; background-color: white; padding: 0.2em 0.3em; color: #2C5B98; vertical-align: middle; text-align: center; font-weight: bold; }
table tfoot tr td { border-width: 0.1em; border:1px solid #2E5698; background-color: #dae7f5; padding: 0.2em 0.3em; color: #000000; font-weight: bold; vertical-align: middle; }
table thead tr th.cent,
table tbody tr td.cent,
table tfoot tr td.cent { text-align: center; }
table thead tr th.middle,
table tbody tr td.middle,
table tfoot tr td.middle { text-align: center; vertical-align:middle; }
table thead tr th.dere,
table tbody tr td.dere,
table tfoot tr td.dere { text-align: right; }
table tbody tr td button { border:  2px solid #FFFFFF;}
table tbody tr td button:hover { border:  2px solid #CCFFEE; }
table tbody tr td.azul {background-color: #E3EFF4; }
table tbody tr td.blanca {background-color: #FFFFF; }

/*------------ CLASES GENÉRICAS ---------------------*/
/*ANCHOS*/
.w100 { width: 100% !important; }

.w90 { width: 90% !important; }

.w80 { width: 80% !important; }

.w70 { width: 70% !important; }

.w60 { width: 60% !important; }

.w50 { width: 50% !important; }

.w40 { width: 40% !important; }

.w30 { width: 30% !important; }

.w20 { width: 20% !important; }

.w10 { width: 10% !important; }

.wAuto { width: auto !important; }

/*ALTOS*/
.h100 { height: 100%; }

/*PADDING*/
.no_padding { padding: 0 !important; }

/*PADDING-TOP*/
.no_padding_top { padding-top: 0 !important; }

/*PADDING-RIGTH*/
.no_padding_right { padding-right: 0 !important; }

/*PADDING-BOTTOM*/
.no_paddingBottom { padding-bottom: 0 !important; }

/*PADDING-LEFT*/
.no_padding_left { padding-left: 0 !important; }

/*MARGENES*/
.no_margin { margin: 0 !important; }

/*MARGIN-TOP*/
.no_marginTop { margin-top: 0 !important; }

/*MARGIN-RIGHT*/
.no_marginRight { margin-right: 0 !important; }

/*MARGIN-BOTTOM*/
.no_marginBottom { margin-bottom: 0 !important; }

/*MARGIN-LEFT*/
.no_marginLeft { margin-left: 0 !important; }

/*FONDOS
.background-colorNone{background-color:none!important;}
*/
/*FLOTACIONES*/
.ftl { float: left !important; }

.ftr { float: right !important; }

.ftn { float: none; }

/*MOSTRAR / OCULTAR*/
.hide { display: none !important; }

.show { display: block; }

.hideAccessible { position: absolute; left: -9999em; }

.hidden { visibility: hidden; }

.visible { visibility: visible; }

/*BORDES*/
.no_border { border: none !important; }

/*BORDER TOP*/
.no_borderTop { border-top: none !important; }

/*BORDER RIGHT*/
.no_borderRight { border-right: none !important; }

/*BORDER BOTTOM*/
.no_borderBottom { border-bottom: none !important; }

/*BORDER LEFT*/
.no_borderLeft { border-left: none !important; }

/*ZINDEX*/
.zIndex999 { z-index: 999; }

/*POSICIONAMIENTO*/
.positionR { position: relative; }

.positionA { position: absolute; }

/*TEXTO*/ 
.negrita { font-weight: bold; }
.bold { font-weight: bold; }

.cursiva { font-style: italic; margin: 0; padding: 0; }
.subrayado { text-decoration: underline; margin: 0; padding: 0;}

.pfe-video{text-align: center;margin: 0% auto;display:block; max-width:100%;}
.pfe-video video, .pfe-video iframe,.pfe-video object { max-width:100%; min-height: 200px; }

/*---------------- CONTENEDORES PRINCIPALES ------------------------------------*/
/* CONTENEDOR ENVOLVENTE DEL CONTENIDO */
body { font-family: sans-serif; }

/* --------------- CONTENIDO ----------------------------------------------------------- */
.contenido { width: 100%; }

.contentMain { float: left; width: 100%; }
.contentMain .cntm_title { display: block; padding-top: 0.625em; padding-bottom: 0.3125em; width: 100%; font-size: 1.875em; color: #1f6a9d; border-bottom: 1px solid #0154a0; }
.contentMain .cont_link { padding-top: 1em; padding-bottom: 1em; width: 100%; text-align: left; }
.contentMain .cont_link .link { display: block; padding-left: 15px; font-size: 0.875em; color: #3c3c3c; background: url("../images/content/icons/ico_back.png") no-repeat left center; }

/* -------------- LAYOUTS DE COLUMNAS ------------------------------------------------- */
/* DEFINICIÓN DE COLUMNAS AUXILIARES IZQUIERDA Y DERECHA */
.izquierda { float: left; }

.derecha { float: right; }

/* CONTENIDOS CENTRALES SEGÚN TIPO DE LAYOUT: LA CLASE PRIMERA QUE DEFINE EL TIPO DE LAYOUT DE LA PÁGINA SE COLOCA EN EL contenedor_general */
/* LAYOUT UNA COLUMNA CENTRAL */
.layoutUnaCols .central { padding: 0% 0% 0% 0%; }

/* LAYOUT TRES COLUMNAS */
.layoutTresCols .central { padding: 0 34% 0% 34%; }

/* LAYOUT DOS COLUMNAS CON COLUMNA DERECHA */
.layoutDosColsDcha .central { padding: 0% 34% 0% 0%; }

/* LAYOUT DOS COLUMNAS CON COLUMNA IZQUIERDA */
.layoutDosColsIzda .central { padding: 0% 0% 0% 34%; }

/* TYPOGRAPHY Arial Bold*/
/*@font-face { font-family: arial; src: url('fonts/arial/eot/arial.eot');src:url('fonts/arial/eot/arial.eot?#iefix') format('embedded-opentype'),url('fonts/arial/woff/arial.woff') format('woff'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: arial-italic; src: url('fonts/arial/eot/arial-italic.eot');src:url('fonts/arial/eot/arial-italic.eot?#iefix') format('embedded-opentype'),url('fonts/arial/woff/arial-italic.woff') format('woff'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: arial-bold; src: url('fonts/arial/eot/arial-bold.eot');src:url('fonts/arial/eot/arial-bold.eot?#iefix') format('embedded-opentype'),url('fonts/arial/woff/arial-bold.woff') format('woff'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: arial-light; src: url('fonts/arial/eot/arial-light.eot');src:url('fonts/arial/eot/arial-light.eot?#iefix') format('embedded-opentype'),url('fonts/arial/woff/arial-light.woff') format('woff'); font-weight: normal; font-style: normal; }*/
/*@font-face { font-family: arial-lighter; src: url('fonts/arial/eot/arial-lighter.eot');src:url('fonts/arial/eot/arial-lighter.eot?#iefix') format('embedded-opentype'),url('fonts/arial/woff/arial-lighter.woff') format('woff'); font-weight: normal; font-style: normal; }*/
/*Arial Bold*/

img { max-width: 100%; height: auto;}