chtml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
vertical-align:baseline;}
table {
border-collapse:separate;
border-spacing:0;}
caption, th, td {
text-align:left;
font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after {
content:"";}
blockquote, q {
quotes:"" "";}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
display: block;}
* { margin: 0;  }
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */}
body {
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
color: #111;
line-height : 21px;
padding:0;margin:0;}
#wrapper {
width: 100%;
max-width: 1200px;
margin:0 auto;	
position: relative;
overflow: hidden; }
.center {
width: 100%;
max-width: 1200px;
min-height: 30px;  	
margin: 0 auto;}
header{
width: 100%;
background:#202038;
height: 70px;
min-height:70px;
height: auto !important;}
header .cleft{
display: inline-block;
float: left;
width: 20%;
padding-top: 10px;}
header .ccenter{
display: inline-block;
float: left;
width: 70%;}
header .cright{
display: inline-block;
float: left;
width: 10%;}
.slider{
width: 100%;
height: 200px;
min-height:200px;
height: auto !important;
background-image: url(../images/fondo2.jpg);
background-repeat: no-repeat;
background-position: center -330px;
background-size: cover;
padding-top: 10px;}
.slider p{
color: #fff;}
.mslider{
width: 100%;
height: 100px;
min-height:100px;
height: auto !important;
background-image: url(../images/fondo4.jpg);
background-repeat: no-repeat;
background-position: center -60px;
background-size: cover;}
.slider h1{
color: #fff;
text-align: center;
font-weight: bolder;
margin: 20px 0;}
#cuadro{
width: 52%;
height: auto;
margin: 0 auto;
margin-top: 50px;
/*padding: 30px 20px 20px 20px;*/}
#cuadro p{
text-align:center;
font-size:16px;
font-weight:bolder;}
.boton{
display: block;
background-color: #e90b3a;
padding:8px;
width: 120px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-align: center;
font-weight: bolder;
font-size: 14px;
color: #fff;
margin: 20px 0;
cursor: pointer;}
.boton:hover{
background:#235493;}
.imagen{margin:10px;}
.main{
width:69%;
position: relative;
display: inline-block;
float: left;	
height: 500px;
min-height:500px;
height: auto !important;
padding:20px;
margin: 40px 0;
/*overflow-wrap: break-word;*/}
/*.main p{margin:50px;}*/
.main h2{
color: #e90b3a;
font-size: 17px;
padding: 10px 0;
font-weight: bolder;
border-bottom: 3px solid #e90b3a;
width: 50%;
margin-bottom: 40px;}
.main-adm{
margin: 40px 0;
position: relative;
display: inline-block;	
width: 100%;
height: 500px;
min-height:500px;
height: auto !important;
padding:15px 15px }
.main-adm h2{
color: #e90b3a;
font-size: 18px;
padding: 10px 0;
font-weight: bolder;
border-bottom: 3px solid #e90b3a;
width: 50%;
margin-bottom: 40px;}
aside{
width:25%;
position: relative;
display: inline-block;
float: left;
height: 500px;
min-height:500px;
height: auto !important;
padding:15px 15px ;
margin: 40px 0;
overflow-wrap: break-word;
background: #f5f5f5;
border-radius: 10px;}
aside h2{
color: #e90b3a;
font-size: 16px;
padding: 10px 0;
font-weight: bolder;}
aside a{
color: #808284;}
footer{
width: 100%;
position:relative; 
height: 60px;
min-height:60px;
height: auto !important;
clear: both;
margin-bottom: 0;
background: #373C41;
color: #fff;}
footer p{
padding: 20px;
font-weight: normal;
text-align: center;}
a{
text-decoration: none;
color: #fff;}
.articulos {
display: block;
width: 100%;
text-align: center;
margin: 0 auto;}
article{
position: relative;
display: inline-block;
width: 340px;
height: auto;
min-height:50px;
height: auto !important;
margin: 10px 15px;
/*padding: 5px;*/}
article img:hover{
opacity: .8;}
.titulos, .titulos-img{margin:5px 10px;}
article .titulo h2, .titulo h5, .titulos{
color: #235493;
font-size: 1.1em;
margin-bottom: 15px;
font-weight: bolder;}
article .titulo h2:hover, .titulo h5:hover, .titulos:hover{
color: #465865;}
article p{
    padding-top:10px;
    text-align:justify;}
 h3{
width: 100%;
color: #e90b3a;
text-align: right;
border-bottom: 3px solid #e90b3a;
font-weight: bolder;}
article .fecha{
text-align: left;
font-size: .9em;
margin: 20px 0;}
article .fecha img{
border:none;}
/*article img{
width: 100%;
height: auto;}*/
/*article p{
text-align: justify;
padding: 20px 0;
color: #808284;}*/
article a{
color: #235493;
text-align: left;
font-weight: bolder;}
p{
font-weight: normal;
text-align: justify;
    /*padding:20px;*/
}
article a:hover{
color: #E90B3A;}
.linkfuente{
color: #235493;
padding-top: 5px;}
.linkfuente:hover{
color: #E90B3A;}
/* ******************* FORM *********************** */
form{
width: 90%;
margin: 0 auto;
text-shadow:0 1px 0 #FFF;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding:10px;}
form > div {
clear: both;
overflow: hidden;
padding: 1px;
margin: 0 0 10px 0;}
form > div > label,
legend {
width: 15%;
float: left;
padding-right: 0px;
color:#333;
margin: 10px 0 6px;
font-size: 14px;}
form > div > div,
form > div > fieldset > div {
width: 80%;
float: right;}
fieldset {
border: 0;
padding: 0;}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
width: 90%;
border:1px solid #ccc;
cursor:pointer;
margin: 5px -5px 0;
padding: 9px 7px 5px;
color:#666;
font-size: 95%;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;}
input[type=text],
input[type=email],
input[type=url],
input[type=password] {
width: 70%;}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
outline:0;
border:1px solid #999;
background:#f5f5f5;}
input[type=text]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=password]:hover,
textarea:hover {
outline:0;
border:1px solid #999;
background:#f5f5f5;}
::-webkit-input-placeholder {
color:#666;}
:-moz-placeholder {
color:#666;}
::-moz-placeholder {
color:#666;}
:-ms-input-placeholder {
color:#666;}
button {
cursor:pointer;
width:30%;
height: 40px;
border:none;
background:#e90b3a;
color:#FFF;
margin:15px 0;
padding:5px;
border-radius:5px;
-moz-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);
font-weight: bolder;}
button:hover {
background:#235493;}
.clearfix:before,
.clearfix:after {
content: " ";
 display: table;}
.clearfix:after {
clear: both;}
.clearfix {
*zoom: 1;}
/* ******************* TABS *********************** */
ul.resp-tabs-list,
p {
margin: 0px;
padding: 0px;}
.resp-tabs-list li {
font-weight: 600;
font-size: 15px;
display: inline-block;
padding: 13px 15px;
margin: 0;
list-style: none;
cursor: pointer;
float: left;}
.resp-tabs-container {
padding: 0px;
background-color: #f8f8f8;
clear: left;
width:92%;}
h2.resp-accordion {
cursor: pointer;
padding: 5px;
display: none;}
.resp-tab-content {
display: none;
padding: 15px;}
.resp-tab-active {
border: 1px solid #c1c1c1;
border-bottom: none;
margin-bottom: -1px !important;
padding: 12px 14px 14px 14px !important;}
.resp-tab-active {
border-bottom: none;
background-color: #ddd;
color: #333;}
.resp-content-active,
.resp-accordion-active { 
display: block; }
.resp-tab-content { 
border: 1px solid #c1c1c1; }
h2.resp-accordion {
font-size: 13px;
border: 1px solid #c1c1c1;
border-top: 1px solid #c1c1c1;
margin: 0px;
padding: 10px 15px;}
h2.resp-tab-active {
border-bottom: 0px solid #c1c1c1 !important;
margin-bottom: 0px !important;
padding: 10px 15px !important;}
h2.resp-tab-title:last-child {
border-bottom: 12px solid #c1c1c1 !important;
background: blue;}
/* ------------------ Estilo Vinetas ---------------- */	
.lista{
color:#111;}						
.lista li {
background: url("../images/arrow2.png") no-repeat;
list-style-type: none;
vertical-align: top;
padding-left: 30px;
padding-bottom: 10px;
margin-left: 20px;
text-align: justify;
    font-size:15px;
}
.lista li:hover{
color: #235493;
cursor:pointer;}	
/* ------------------ Menu principal ---------------- */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;}
.clearfix:after {
clear: both;}
.clearfix {
*zoom: 1;}
nav {
height: 40px;
width: 100%;
background: #202038;
font-size: 12pt;
font-weight: bold;
position: relative;
margin-top: 15px;}
nav ul {
padding: 0;
margin: 0 auto;
width: 100%;
height: 40px;}
nav li {
display: inline;
float: left;}
nav a {
color: #fff;
display: inline-block;
width: 140px;
text-align: center;
text-decoration: none;
line-height: 40px;
text-shadow: 1px 1px 0px #283744;}
nav li a {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
nav li:last-child a {
border-right: 0;}
nav a:hover, nav a:active, .active {
background-color: #14A0C1;}
nav a#pull {
display: none;}
/* ******************* TABLE *********************** */
table {
border: 1px solid #ccc;
width: 95%;
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0;
font-family: 'Open Sans', sans-serif;
color: #465865;}
table tr {
border: 1px solid #ddd;
padding: 3px;  }
table th, table td {
padding: 10px;
text-align: center;}
table th {
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
font-weight: bolder;}
table thead{
background:#e90b3a;
color:#fff;
border-bottom:none; }
table td{
background:#fff; 
border-right: 1px solid #ddd; }
table td:hover{
background:#f5f5f5; 
cursor: pointer; }

@media (min-width: 1200px) {
form > div > label,
legend {
text-align: right;  }
}

@media only screen and (max-width: 768px) {
.slider{
background-image: url(../images/fondo2.jpg);
background-repeat: no-repeat;
background-position: center top;}
.slider h1{
margin: 5px 0;}
#cuadro{
width: 95%;
height: auto;
margin: 0 auto;
margin-top: 10px;
padding: 5px;}
ul.resp-tabs-list { 
display: none; }
h2.resp-accordion { 
display: block; }
.resp-vtabs .resp-tab-content { 
border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {
border: none;
float: none;
width: 100%;
min-height: initial;
clear: none;}
.resp-accordion-closed { 
display: none !important; }
.resp-vtabs .resp-tab-content:last-child { 
border-bottom: 1px solid #c1c1c1 !important; }
.resp-tab-content {
 padding: 5px;}
.resp-tab-active {
color: #333;}
}

@media screen and (max-width: 600px) {
header .cleft, header .ccenter, header .cright, .slider, .main, aside{	
display: block !important;
width: 100% !important;
max-width: 100% !important;}
header .cleft img{
width: 25%;
height: auto;}
aside{
padding:0;}
.main h2, aside h2{
padding: 10px 10px;}
.main{
padding:0;}
form > div {
margin: 0 0 15px 0;   }
form > div > label,
legend {
width: 100%;
float: none;
margin: 0 0 5px 0;  }
form > div > div,
form > div > fieldset > div {
width: 98%;
float: right;  }
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea,
select {
width: 96%; }
nav { 
height: auto;}
nav ul {
width: 100%;
display: block;
height: auto;}
nav li {
width: 50%;
float: left;
position: relative;}
nav li a {
border-bottom: 1px solid #576979;
border-right: 1px solid #576979;}
nav a {
text-align: left;
width: 100%;
text-indent: 25px; 	}
table {
width: 100%;
border: 0; }
table thead {
display: none; }
table tr {
margin-bottom: 10px;
display: block;
border-bottom: 1px solid #ddd;}
table td {
display: block;
text-align: right;
font-size: 13px;
border-bottom: 1px dotted #ccc;
border-right:0;}
table td:last-child {
border-bottom: 0;}
table td:before {
content: attr(data-label);
float: left;
text-transform: uppercase;
font-weight: bold;
color: #E90B3A;  }
}

@media only screen and (max-width : 480px) {
nav {
border-bottom: 0;	}
nav ul {
display: none;
height: auto;}
nav a#pull {
display: block;
background-color: #202038;
width: 100%;
position: relative;}
nav a#pull:after {
content:"";
background: url('../images/nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;}
}

@media only screen and (max-width : 320px) {
nav li {
display: block;
float: none;
width: 100%;	}
nav li a {
border-bottom: 1px solid #576979;}
}