h1 {
	font-family: 'Roboto Slab', serif; font-size:30px; color:#666666; padding-left:8px;
}

h2 {
	font-family: 'Roboto Slab', serif; font-size:20px; color:#666666; padding-left:8px;text-align:left;
	text-decoration: underline;
}

h3 {
	font-family: 'Roboto Slab', serif; font-size:17px; color:#065a7f; padding-left:8px;text-align:left;
}

@media screen and (max-width: 480px) {
	h1 {
		font-size: 17px;
	}
	h2 {
		font-size: 14px;
		text-decoration: underline;
	}
	h3 {
		font-size: 11px;
	}
}

table {
	font-family: 'Roboto Slab', serif; font-size:15px; color:#666666; padding-left:8px;
}

p {
	font-family: 'Roboto Slab', serif; font-size:15px; color:#f8ca00; padding-left:8px;
}

.caja_busqueda1 {
	font-size: 16px;
	font-weight: bold;
	color:#2a88ce;
	border:2px solid #425BFC;
    border-radius:5px;
	height: 25px;
}

.fondotop {
 background:#F8CA00;
}

.fondotop2 {
 background:#065a7f;
}

.tipoh3 {
	font-family: 'Roboto Slab', serif; 
	font-size:17px; 
	color:#065a7f; 
	padding-left:8px;
}

.tipoh2 {
	font-family: 'Roboto Slab', serif; 
	font-size:20px; 
	color:#666666; 
	padding-left:8px;
	text-decoration: underline;
}


.contenido {
	width:100%; 
	padding-top:65px; 
	z-index:1; 
	filter:alpha(opacity=85); 
	float:left; 
	-moz-opacity:.85; 
	opacity:.85;
	background:#FFFFFF;
}

.error {
	color:red;
	font-family:arial;
	font-size:12px;
	font-weight: bold;
}

.correcto {
	color:#84AB35;
	font-family:arial;
	font-size:12px;
	font-weight: bold;
}

.sexy_line { 
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset; 
}

.guardar {
	width:25px;
	cursor:pointer;
}

.btnspan {
	background: #FFF;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	display: inline-block; 
	text-decoration: none;
	text-align: center;
	padding: 5px;
	margin: 0 0 0 0;
	border: 2px solid #72b626;
}

.btnspan:hover {
	background: #333333;
	color: #FFF;
	border: 2px solid #f55856;
	opacity: .6;
}

.centrado2 {
	overflow:hidden;
    margin:auto;
	width: 95%;
	color: #404040;
	padding: 5px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 5px;
	margin-top: 50px; 
	margin-bottom: 15px; 
	text-align: center;
}

.cajacurso1 {
	width: 65%;
	background: #f5f5f5;
	float: left;
	margin-top: 20px;
	border: 2px solid #ebebeb;
	overflow: hidden;
	display: inline-block;
	text-align: justify;
}

.cajacurso2 {
	width: 32%;
	background: #f5f5f5;
	float: right;
	margin-top: 20px;
	border: 2px solid #ebebeb;
	display: inline-block;
	text-align: justify;
}

.centrado3 {
    margin:auto;
	margin-top:60px;
	margin-bottom:50px;
	width: 100%;
	font-weight: bold;
	text-align: center;
}

.input_edicionpr {
	width:90%;
	font-size: 15px;
	color:#72b626;
	font-weight: bold;
}

.textop {
font-family: 'Roboto Slab', serif; font-size:20px; color:#BD1550; padding-left:8px;
}

.separador {
	background:#065a7f; width:100%;
}

/*-------------------------TOP ORIGINAL CON DEGRADADO---------------------*/
.fondotop_deg {
background: #fefcea; /* Old browsers BD1550*/
background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}
/*-------------------------TOP ORIGINAL CON DEGRADADO---------------------*/

main {
    -webkit-column-count:4;
    -moz-column-count:4;
    column-count:4;

    -moz-column-gap: 3em;
	-webkit-column-gap: 3em;
	column-gap: 3em;

	-moz-column-rule: 1px solid #bbb;
	-webkit-column-rule: 1px solid #bbb;
	column-rule: 1px solid #bbb;

    -moz-column-width: 140px;
	-webkit-column-width: 140px;
	column-width: 140px;
}

.col1 { 
	font-family: 'Roboto Slab', serif; font-size:20px;
	color:#B576AD;
}

.col2 { 
	font-family: 'Roboto Slab', serif; font-size:20px;
	color:#BD2725;
}

/* COLUMNAS CON BORDES RESPONSIVE */
#pagewrap {
	padding: 5px;
	width: 960px;
	margin: 20px auto;
}
#content {
	width: 290px;
	float: left;
	padding: 5px 15px;
}

#middle {
	width: 294px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}

#sidebar {
	width: 270px;
	padding: 5px 15px;
	float: left;
}

footer {
	clear: both;
	padding: 0 15px;
	font-family: 'Roboto Slab', serif; font-size:20px; color:#FFFFFF;
	background: #065a7f;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 41%;
		padding: 1% 4%;
	}
	#middle {
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}

}

/* for 700px or less */
@media screen and (max-width: 600px) {

	#content {
		width: auto;
		float: none;
	}
	
	#middle {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		width: auto;
		float: none;
	}

}

/* for 480px or less */
@media screen and (max-width: 480px) {

	h1 {
		font-size: 2em;
	}
	#sidebar {
		display: none;
	}

}

#content {
	background: #f8f8f8;
}
#sidebar {
	background: #f0efef;
}
#content, #middle, #sidebar {
	margin-bottom: 5px;
}

#content, #middle, #sidebar, footer {
	border: solid 1px #ccc;
}
/* COLUMNAS CON BORDES RESPONSIVE */

/* -------------------------BOTONES---------------------------- */
.btn3 {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  background: #61a028;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight: bold;
}

.btn3:hover {
  background: #9ac770;
  background-image: -webkit-linear-gradient(top, #9ac770, #60a028);
  background-image: -moz-linear-gradient(top, #9ac770, #60a028);
  background-image: -ms-linear-gradient(top, #9ac770, #60a028);
  background-image: -o-linear-gradient(top, #9ac770, #60a028);
  background-image: linear-gradient(to bottom, #9ac770, #60a028);
  text-decoration: none;
  font-weight: bold;
}
/* -------------------------BOTONES---------------------------- */

/* ESTILOS MENU NAVEGACION TOP */
body {margin:0;}
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #F8CA00;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  font-family: 'Roboto Slab', serif;
  color: #490A3D;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 22px;
}

ul.topnav li a:hover {background-color: #fff4c1;}

ul.topnav li.icon {display: none;}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

#icon_5 { 
  background-image: url(../imgsitio/ebab_mb0tpm_ico_4.png); 
  background-repeat: no-repeat; 
  background-position: 15px center; 
  height: 100%; 
}
/* ESTILOS MENU NAVEGACION TOP */

/* ESTILOS SLIDEJS */
   
/* Prevent the slideshow from flashing on load */
#slides {
    display: none
}

/* Center the slideshow */
.container {
    margin: 0 auto
}

/* Show active item in the pagination */
.slidesjs-pagination .active {
    color:red;
}

/* Media quires for a responsive layout */

/* For tablets & smart phones */
@media (max-width: 767px) {
	body {
		padding-left: 10px;
		padding-right: 10px;
	}
	.container {
		width: auto
	}
}

/* For smartphones */
@media (max-width: 480px) {
    .container {
        width: auto
    }
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
    .container {
        width: 724px
	}
}

/* For larger displays */
@media (min-width: 1200px) {
    .container {
        width: 1170px
	}
}

/* ESTILOS SLIDEJS */

/* GOOGLE MAPS RESPONSIVE */
@media (min-width: 480px) {
	.google-maps {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
	}
	.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}
}
/* GOOGLE MAPS RESPONSIVE */