html, body {
	font-family: 'Lato', 'Trebuchet', sans-serif;
	margin:0;
	padding:0;
	font-size:100%;
	height:100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

.pagewrap {margin: 0 auto; width: 1024px;}
.wrapper {overflow: hidden;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}



/************************************************************************************
COLUMNAS
*************************************************************************************/
.col {float: left; display:block;}
.fullwidth .col {float: none; margin-left: 0;}
/* grid2 col */
.grid2 .col {width: 50%; float:left;}
/* clear col */
.grid2 .col:nth-of-type(3n+1) {margin-right: 0; clear: left;}

/* grid3 col */
.grid3 .col {width: 31.2%; }
/* clear col */
.grid3 .col:nth-of-type(3n+1) {margin-left: 0; clear: left;}

/* grid4 col */
.grid4 .col {width: 21.2%; font-size:12px;}
/* clear col */
.grid4 .col:nth-of-type(4n+1) {margin-left: 0; clear: left;}

/* 2 columnas */
.una-col {margin-right:20px; text-align:center;}
.dos-col {display:block; margin-left: 0;}

/* 1 columna izq */
.table {display:table; float:left; width:40%;}
.table-cell {display:table-cell; vertical-align: top; width:100%;}



/************************************************************************************
MENU
*************************************************************************************/
.slicknav_menu {display:none;}

.botonera {height:24px; padding-top:2px; background:#e6e6e6; width:100%;}
nav {width:1024px; margin:0 auto; z-index:1000;}
#menu {list-style:none; padding:0px; margin:0; float:right;}
#menu li {float:left; padding:0 9px;}
#menu li a {font-size:13px; color:#666666; text-decoration:none; font-weight:400;}
nav#main li a:hover, nav#main li a.active {color:#21678d;}

/************************************************************************************
MENSAJES DEL SISTEMA
*************************************************************************************/

div.flash:before { line-height: 0px; font-size: 20px; height: 12px; width: 12px; border-radius: 30px; text-align: center; vertical-align: middle; display: inline-block; position: relative; left: -11px; background-color: #FFF; padding: 12px 14px 12px 10px; content: "i"; color: #DCE47E;     box-sizing: border-box; }

.flash {
border-style: solid;
    border-width: 1px;
    display: block;
    font-weight: normal;
    position: relative;
    padding: 0.875rem 1.5rem 0.875rem 20%;
    transition: opacity 300ms ease-out 0s;
    background-color: #DCE47E;
    border-color: #DCE47E;
    color: #626262;
}

/************************************************************************************
COMMON
*************************************************************************************/
h1 {font-family:'Lato', Arial, sans-serif; font-weight:300; color:#40a7df; font-size:34px;}
h2 {font-family:'Lato', Arial, sans-serif; font-weight:300; color:#2b85b6; font-size:18px; margin-bottom:0px;}
.texto {font-family:'Lato', Arial, sans-serif; font-weight:400; color:#5c5c5c; font-size:14px; line-height:1.5em;}
.textop {font-size:12px;}
.azul {color:#21678d;}

header {height:20%;}
.header {background:url(../img/common/bkg-diagonal.jpg) no-repeat 85% 0%; height:179px;}
.header img {margin-top:5%;}
.header .dos-col, .header .una-col  { float:left;}

.iconshome {text-align:right; padding-top:7%;}
.iconshome a {margin-left:10px;}

#subbotonera {background:url(../img/common/bkg-subbotonera.jpg) repeat-x; height:37px; padding-top:10px; text-align:center}
.subbotonera ul {margin: 0 auto; padding: 0;}
.subbotonera ul li {display: inline-block; list-style-type: none; padding:0 20px; font-size:15px; text-transform:uppercase;}
.subbotonera ul li a {color:#dcdcdc; text-decoration:none;}
.subbotonera ul li a:hover{color:#ffffff;}
.subbotonera ul li a.current{font-weight:bold;}

footer {border-top:8px solid #21678d; width:100%; background:url(../img/common/diagfooter.jpg) no-repeat 85% 0%; min-height:281px;}
footer .texto {font-size:15px; line-height:2em;}


/************************************************************************************
FORMULARIOS
*************************************************************************************/
fieldset {border:0px; padding:0px; margin-bottom:20px;}
input {background:#d0d0d0; border:0; border-bottom:1px solid #757575; display:block; padding:5px;}
input[type=submit] {background:#40a7df; color:#ffffff; border:0; text-transform:uppercase; width:21%;}

#form-esp .caja-input {width:30%; margin-right:2%; float:left;}
#form-esp input {background:#d0d0d0; border:0; border-bottom:1px solid #757575; display:inline; padding:5px; width:100%; margin-bottom:20px}
#form-esp select {background:#d0d0d0; border:0; border-bottom:1px solid #757575; display:inline; padding:5px; width:100%; margin-bottom:0px}
#form-esp input[type=submit] {background:#40a7df; color:#ffffff; border:0; text-transform:uppercase; width:21%;}

/************************************************************************************
HOME
*************************************************************************************/
.btnazul-home {background:url(../img/common/bkg-azul.jpg) repeat-x; height:34px; padding:10px 0 0 0; text-align:center;}
.btnverde-home {background:url(../img/common/bkg-verde.jpg) repeat-x; height:34px; padding:10px 0 0 0; text-align:center;}
.btnazul-home a, .btnverde-home a {color:#ffffff; font-size:18px; font-weight:300; text-decoration:none}



/************************************************************************************
INTERNAS
*************************************************************************************/
.backgris {background-color:#e6e6e6; width:100%; display:block; padding:20px 0 30px 0;}







@media screen and (min-width: 1024px) { 
	#menu {max-width: 1024px;}
	
	.una-col {width:325px;}
	.dos-col {width:62%;}
	
	.revelar {display:none;}
}


@media screen and (min-width: 781px) and (max-width: 1023px) {
.pagewrap {width: 90%;}

	.una-col {float:left; width:325px;}
	.dos-col {width:50%;}
	
	.revelar {display:none;}
	
}


@media all and (max-width: 780px) { 
.pagewrap {width: 90%; height:auto; display:table;}

	.js #menu {display:none;}
	.js .slicknav_menu {display:block; z-index:1000;}
	
	/* llevar columnas a fullwidth */
	.col {width: 100% !important; margin-left: 0 !important; clear: none !important;}

	.una-col {width:100%;}
	
	.table {width:100%;}
	.tableder {width:100%; margin-top:20px; margin-bottom:20px;}

	.texto { line-height:1.3em;}
	
	.ocultar {display:none;}
	
	.header, footer {background:none;}
	header, .header {height:120px;}
	header {border-bottom:8px solid #21678d;}
	.logo {width: 70%;}
	
	#subbotonera {display:none;}
	
	input {width:90%;}
	input[type=submit] {width:21%;}
	
	#form-esp .caja-input {width:100%;}

}

@media all and (max-width: 468px) { 
	.logo {width: 90%; padding-top:20px;}
}