body { -webkit-tap-highlight-color:transparent !important;font-family:Arial;color:#000;border:0px solid blue;}
*{margin:0;padding:0;}
h1 { font-size: 1em; }
h2 { font-size: 1em; }
h1, h2 { font-weight: normal; margin: 0px 0; }
p { font-size: .9em; margin: 5px 0; }
ul { padding-left: 10px; margin: 10px 0; list-style-type:disc; }
a{text-decoration:none;}
img{max-width:100%;} 
div,header,#footer{box-sizing:border-box;}
.clear{clear:both;}
html {
 /* scroll-behavior: smooth;*/
}
#innerhnav,#innerheader,#innerbanner,#innercontent,#innerfooter{margin:0 auto;}


#header{
background-color:#084780;
}
#innerheader{

background-color:#0C5DA5;
height:100px;
}
/*
#banner{
background-color:#010101;
}
#innerbanner{
height:200px;
background-color:#292929;
}
*/

#content{border:0px solid green;
background-color:#5189BC;
margin-bottom:0;
}
#innercontent{border:0px solid red;

background-color:#fff;
}


#footer{border-top:1px solid transparent;
background-color:#084780;
margin:0 0 50px;
}
#innerfooter{
background-color:#0C5DA5;border:0px solid red;

}
#innerfooter p{border:0px solid lime;
}


#medios{background:#fff;text-align:center;}
	
#hnav{background:#FF5000 url('../imagenes/hnav.png') no-repeat center -20px;}
#innerhnav{margin:0 auto 0 auto;border-bottom:0px #000 solid;}


#hnav_izq{float:left;width:45%;}
#hnav_der{float:right;width:55%;height:50px;background-color:#333;padding:5px 0 0 0px;}
#hnav_izq #hlinks {padding:3px 0 0 0px;text-align:center;}
#hlinks img{vertical-align:0px;padding:2px 2px 0;}
	

#hnav_izq img:hover{background:#FF9500;border-radius:15px;transition:all 0.3s ease;}

/**** header ****/
#logo,#sociales{text-align:center;padding-bottom:20px;}
	
#inst{border:1px solid #0C5DA5;color:#fff;text-align:center;font-weight:bold;color:#fff;text-shadow:1px 1px 1px #02294C;padding-top:5px;}
#inst #inst_z{font-size:1.9em;font-weight:bold;}
.ramos{font-size:0.8em;margin-top:-8px;}
#inst h1{font-size:1em;font-weight:bold;}


/**** banner ****/
#img_1{
    max-width:none;
   border:0;margin:0;
}

#top_content{
	background-color:#5189BC;
    overflow:auto;
     
scrollbar-color: #0C5DA5 #5189BC;
scroll-behavior: smooth;
}

/**** content ****/


#canastas a {color:#2c2c2c;}
#canastas{border:0px solid red;text-align:center;background:#333;}
#canastas .bloque{border:0px solid lime;float:left;font-size:1.5em;font-weight:bold;box-sizing:border-box;}
#canastas .sitios{width:40%;}
#canastas .cursos{width:60%;}
#canastas .sitios img{}
#canastas .cursos img{}

#canastas .bloque .uno{background-color:#333;color:#fff;}
#canastas .bloque .dos{background-color:#FF9500;}

#canastas .bloque .uno img:hover{ background:#9D9C9C;border-radius:35px;transition:all 0.3s ease;}
#canastas .bloque .dos img:hover{background:#FFE0B3;border-radius:35px;transition:all 0.3s ease;}




#canastas .bloque .b_grande{height:100px;line-height:100px;padding-top:10px;}


#canastas .bloque .b_chico{height:50px;line-height:50px;}

#canastas .bloque #esq_1{background:#333 url('../imagenes/esquinero.png') no-repeat bottom right;}
/*

#canastas .bloque #esq_2{background:#FF9500 url('../imagenes/esquinero_2.png') no-repeat top left;}
*/
#canastas .dos,#canastas .bloque_der{background-color:#FF9500;}


#canastas .sep_canasta{margin-right:10px;}


#innercanastas_2{height:150px;background:#fff no-repeat 0 0;background-size: 100% 100%;}

#innercanastas_2 #datos{text-align:center;font-weight:normal;
width:330px;float:right;color:#fff;border:0px solid black;padding-top:7px;letter-spacing:0.03em;}

#innercanastas_2 #datos p{padding-bottom:4px;}
#innercanastas_2 #datos .jumbo{font-size:1.5em;}
#innercanastas_2 #datos .mini{font-size:1em;}
#innercanastas_2 #datos .base{font-size:1.3em;}


/*****************  contenido *********************/
#contentenido{background-color:#FFF;border:0px solid green;color:333;padding-top:15px;}
#contentenido h2#sup{text-align:center;font-size:1.1em;font-weight:bold;padding-bottom:10px;}
#contentenido #cont_1{border:0px solid red;width:100%;box-sizing:border-box;}

#contentenido #cont_1 .caja{border:0px solid blue;padding:10px;float:left; width:100%;box-sizing:border-box;}

#contentenido #cont_1 .innercaja{border:1px solid silver;box-sizing:border-box;background-color:#f0f0f0;border-radius:7px;padding:10px;}
#contentenido #cont_1 .innercaja li,#contentenido #cont_1 .innercaja p{font-size:.8em;font-weight:normal;padding-bottom:10px;margin-left:5px;letter-spacing:0.1em;}

#contentenido h2{text-align:center;font-size:.9em;font-weight:bold;}	
#contentenido h2 img{vertical-align:-5px;}	

#contentenido h3{text-align:center;font-size:.9em;font-weight:bold;}	
#contentenido h3 img{}


#contentenido ul{list-style-type:square;}
#contentenido ul li{font-size:.7em;font-weight:normal;padding-bottom:10px;margin-left:5px;letter-spacing:0.1em;}

#contentenido p{font-size:.7em;font-weight:normal;padding-bottom:10px;margin-left:5px;letter-spacing:0.15em;line-height:1.5em;}


#contentenido .b {color:#FF5000;font-weight:bold;}
#contentenido .button {
    display: inline-block;
    padding: 0px 15px;
    background-color: #333;
    text-decoration: none;
    color: white;
    transition: color 0.5s ease;
    border-right: solid #FF5000 6px;
    border-radius:4px;
}

#contentenido .button:hover {
  color: #000;
}



/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: 0px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {border-radius:4px 0 0 4px;
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FF9500;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: black;border-radius:4px 0 0 4px;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);border-radius:4px 0 0 4px;
}

	
/**** footer ****/
#fixed{
position:fixed;
bottom:0;
right:20px;
z-index:1000;
}

#innerfooter ul{list-style-type:square;margin-left:20px;}
#innerfooter li{color:#fff;font-weight:bold;font-size:.9em;padding:0 10px 5px;}

#innerfooter a{color:#fff;}

#innerfooter .sube{margin-left:6px;border:0px solid lime;}

#innerfooter #ziete {text-align:center;color:#fff;padding:10px 0 20px;list-style-type:none;font-weight:bold;font-size:.9em;}
#innerfooter #ziete a:hover{color:#ccc;}



#innercanastas_2,.pc,.h1{display:none;}
 
/**** botonera_contacto ****/
#botonera_contacto{}
#botonera_contacto .b_c{padding:10px;float:left;width:100%;}
#botonera_contacto .innerb_c{text-align:center;height:100px;border:0px solid red;background-color:#f0f0f0;}
#botonera_contacto .b_c a.button{display:block;height:50px;line-height:50px;font-size:1.5em;font-weight:normal;border-radius:0;}
.hvr-sweep-to-left:before {border-radius:0px;}
#contentenido .button {
    border-right: solid #FF5000 30px;
    border-radius:0;
}
#botonera_contacto .b_c a.pc{display:none;}
#botonera_contacto .innerb_c .c_2{font-size:1.5em;}
#botonera_contacto #mailto,#botonera_contacto #consulta{font-size:1em;padding-top:6px;}
#botonera_contacto .innerb_c .c_2 a{color:#333;}

@media only screen and (min-width: 30em) {
#innerhnav,#innerheader,#innerbanner,#innercontent,#innerfooter{width:30em;}
.tip{padding-left:6px;}
}



@media only screen and (min-width: 45em) {
#innerhnav,#innerheader,#innerbanner,#innercontent,#innerfooter{width:45em;}

.cel{display:none;}
.pc{display:inline;border:0px solid blue;}
#hnav_izq{width:32%;}
#hnav_der{width:68%;}
.tip{padding-left:14px;}
	
#contentenido #cont_1 .caja{width:50%;}
}


@media only screen and (min-width: 64em) {

#innerhnav,#innerheader,#innerbanner,#innercontent,#innerfooter{width:64em;}

#hnav_der{padding-left:18%;padding-right:1%;}
#wrapmenu a{margin:-5px;}
#hnav_izq{width:20%;}
#hnav_der{width:80%;}
.tip{padding-left:20px;}


#innercanastas_2{display:block;}
#innercanastas_1,#innercanastas_2{float:left;width:50%;}
#canastas .bloque_izq,#canastas .bloque_der{border:0px solid blue;height:50px;}
#canastas .sitios{width:42%;}
#canastas .cursos{width:58%;}


#contentenido #cont_1 .caja{width:25%;}	
#contentenido h2 img{display:none;}	

}


@media only screen and (min-width: 80em) {
#innerhnav,#innerheader,#innerbanner,#innercontent,#innerfooter{width:80em;}

#contentenido h2 img{display:inline;}
}