@import url('menu.css');


@media screen and (max-width: 768px) { 
	.collapse.navbar-collapse.navbar-ex1-collapse{display: inline-block;}
	.navbar-default .navbar-nav .dropdown-menu{ background: #dcedfb; color: #303030}
	.navbar-default .navbar-nav > li > a:first-child{background: #428bca !important; color: white}
	.navbar-default .navbar-nav > li > a:first-child:visited{background: #428bca !important; color: white}
	.navbar-default .navbar-nav > li > a:first-child b{border-top-color: white !important; border-bottom-color: white !important}
	.navbar-form .form-control{ width: 100%;}
	.navbar-form > .form-group{ float: left; width: 80%; margin-right: 5%}
	.navbar-static-top{ display: none;}
	#myCarousel{ height: auto !important;}
	.right.carousel-control,
	.left.carousel-control{height: auto !important;}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		top:0;
		width: 100%;
	}
	.row.rowButtons {padding-top: 3px; }

	.row.rowButtons .col-md-3:nth-child(1),.row.rowButtons .col-md-3:nth-child(2) { border-bottom:0 !important; margin-bottom: -3px !important}
	.row.rowButtons .col-md-3 {
		width: 50%;
		float: left;
	}

	.container .publicaciones .col-sm-3{
		width: 50% !important;
		float: left;
	}
	#sidebar{ width: 100%;	}
	#sidebar .novedades-home div{ 
		width: 50%;	
		float: left;
	}
	#sidebar .novedades-home div img{  width: 50% !important; height: 50% !important; margin-bottom: 15px;}
	#sidebar .novedades-home div p{  width: 100%}
	footer .col-sm-2:first-child,
	footer .col-sm-2:nth-child(8){ display: none;}
	footer .col-sm-2:nth-child(4):after,
	footer .col-sm-2{
		min-height: 360px;
	}
	footer .col-sm-2{
		border: 1px solid white;
		border-collapse: collapse;
		width: 33.3% !important;
		height: 30px !important;
		min-height: 70px !important;
		float: left;
	}
	footer .col-sm-2 ul li{ display: none;}
	footer .logo{
		margin-top: 15px !important;
	}
	h2{ font-size: 20px !important}
	.cursos .listado{ margin: 0px !important; width: 100% !important;}
	.novedades .listado{ height: auto !important}
	.novedades-detalle img,
	.publicaciones-detalle img{ float: none !important;}
	.novedades-detalle p a{ float: none;}
	.novedades .listado div{width:100%;}
	.novedades-home img{ height: auto !important}
	.noticias div { height: 265px !important; }
	.img-thumbnail { max-width: 100% !important; height: auto !important;}
	.listado { height: auto !important;}
	.contacto{ width: 100% !important}
	.contacto .form-group{ width: 100% !important}
	.gmaps{ margin-bottom: 10px; width: 100% !important}
	.inner-contacto div{
		margin-left: 5px !important;
		padding:1px;
		width: 100% !important;
	}
	.listado.listado-articulo{ width: 48% !important; padding-right: 1%;}
	.carousel-caption {
		padding: 5px 10px 10px !important;
		height: 30px !important;
		width:100% !important;
		left: 0 !important;
		top:0px !important;
		background: rgba(1, 57, 104, .7);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.carousel-caption p{ display: none;}
	.carousel-caption h1{
		padding: 0 !important;
		margin: 0 !important;
		font-size: 20px !important;
		 text-align: left; padding-left: 40px !important;
	}
	.carousel-indicators{ 
		left:60% !important;
	}
}


@media screen and (min-width: 769px) and (max-width: 990px){
	.row.rowButtons .col-md-3:nth-child(1),.row.rowButtons .col-md-3:nth-child(2) { border-bottom:0 !important; margin-bottom: -3px !important}
	#myCarousel{ height: auto !important;}
	.right.carousel-control,
	.left.carousel-control{height: auto !important;}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		top:0;
		width: 100%;
	}
	.carousel-caption {
		padding: 5px 10px 10px !important;
		height: 60px !important;
		background: rgba(1, 57, 104, .7);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.carousel-caption h1{ margin-top:10px !important; text-align: left; padding-left: 40px;}
	.carousel-caption p{ display: none;}
	.img-thumbnail { max-width: 100% !important; height: auto !important;}
	.row.rowButtons {padding-top: 0px; }
	.row.rowButtons .col-md-3 {
		padding-bottom: 0px;
		border-width: 0px;
		margin-bottom: 0px;
		width: 50%;
		float: left;
		border: 0;
	} 
	.container{ padding-left:5px; padding-right: 5px;}
	.navbar-inverse .navbar-nav { padding: 0; width: 100%; border:0px !important;}
	.navbar-inverse .navbar-nav > li > a { font-size: 12px !important; padding: 8px; padding-top: 15px;}
	.publicaciones .col-sm-3 {	width: 50%;	}
	footer .col-sm-2{ width: 15% !important;padding: 15px; margin:5px !important;}
	footer .col-sm-2 h3,footer .col-sm-2 h3 a{ width:100% !important;}
	footer .col-sm-2:first-child,
	footer .col-sm-2:nth-child(8){ display: none;}
	.well { padding:10px 5px; }
	.principal li a { padding: 5px 20px 5px 5px !important;}
	.menuSec .nav li a .arrow {margin-right: 0}
	.listado { height: auto !important;}
	.contacto{ width: 100% !important}
	.contacto .form-group{ width: 100% !important}
	.gmaps{ margin-bottom: 10px; width: 100% !important}
}

@media screen and (min-width: 991px) and (max-width: 1250px){
	.navbar-inverse .navbar-nav { padding: 0; width: 100%; border:0px !important;}
	.navbar-inverse .navbar-nav > li > a { font-size: 13px !important; padding: 17px; padding-top: 15px;}
	.gmaps{ margin-bottom: 10px; width: 48% !important}
	.listado { height: auto !important;}
	#myCarousel{ height: auto !important;}
	.right.carousel-control,
	.left.carousel-control{height: auto !important;}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img {
		top:0;
		width: 100%;
	}
	.carousel-caption {
		padding: 5px 10px 10px !important;
		left: 10% !important;
		top:30% !important;
	}
}
/******************************************************* 
********************************************************

CUSTOM / FIXES 

********************************************************
********************************************************/
.carousel-indicators{ 
	left:80%; !important; margin-left: 0 !important;
	background: rgba(1, 57, 104, .7);
	width: 100px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.carousel-caption {
	padding: 0px 20px 5px;
	height: 135px;
	width:580px;
	left:80px;
	top:45px;
	background: rgba(1, 57, 104, .7);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.carousel-caption p{ text-align: left;}
.carousel-caption h1{
	margin-top: 10px;
	font-size: 28px;
	text-align: left;
}
.right.carousel-control,
.left.carousel-control{width: 90px; z-index: 9999}

.collapse.navbar-collapse.navbar-ex1-collapse{display: none !important;}
.navbar-inverse{ background-color:#1d71b9; border:none;}
.navbar-inverse .navbar-nav > li > a{ 
	color:#FFF; 
	font-size: 14px;
	text-shadow: 0px 1px 0px #666;
        filter: dropshadow(color=#666, offx=0, offy=1);;
}
.navbar-default{ border:none;}
.well{border:none;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background-color:#1d71b9;}
.navbar-wrapper{ margin-top:0px;}
.carousel{ margin-top:0px; margin-bottom:0px;}
.navbar-wrapper .navbar{ border-radius:0px;}
.navbar{ margin-bottom:0px;}
.rowButtons div { height:50px; text-align:center; padding:15px 0px 0px 0px; color:#fff;}

.noticias div h3{ margin-top:0px;}
.noticias div{ margin-bottom:10px;}
h3, h2{ color:#1477c8;}
h2_azul{ color:#1477c8;}
h2_negro{ color:#000000;}
#sidebar h3 a{ color:#1477c8; }
#sidebar h3 a:hover{ color:#1477c8 !important; text-decoration: none !important;  }
.menuSec .nav > li > a{ padding:0px;}
.menuSec .nav > li > a.selected{ background: #428bca; color:#fff;}
.menuSec .nav li a .arrow{ 
	display:block !important; 
	width: 20px !important; 
	height: 20px;
	position: absolute; 
	right:0;
	margin-top: 0;
	padding-top: 0;
	top:10%;
	margin: 3px; 
}

.clear{ clear:both;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #002d53;
}

ol, ul{
	margin-left: 10px;
	padding-bottom: 17px;
}
ul.nav,
ol.carousel-indicators{ padding-bottom: 0}
ol.breadcrumb{margin-left:0;}
ol.breadcrumb > li { text-transform: uppercase;}
.col-xs-12.col-sm-9 h2{margin-top: 0}
#home h2{ margin-top: 20px;}
.articulos-home{ margin: 0}
.articulos-home li { margin-bottom: 10px; background: white; padding: 10px; border-bottom:1px solid #ddd;}
.articulos-home li span{ color:#428bca; font-weight: bold; font-size: 15px }
.articulos-home li em{  font-size: 12px; padding-right: 10px}
.articulos-home li{ clear: both;}
.articulos-home li hr{ margin:5px 0;}
.articulos-home li a{ display:inline-block; width: 25px; height: 25px; text-align: center;}
.articulos-home li a:first-child{margin-right: 10px;}
.listado.listado-articulo{ width: 32%; float: left; display: block; margin-right: 1%; }
.listado a i{ margin-right: 10px; width: 15px;}

/******************************************************* 
********************************************************

HEADER 

********************************************************
********************************************************/
header{
	height: 60px;
}
header #logo{
	float: left;
}

header #search_field{
	float: right;
	font-size: 16px;
	width: 230px;
	height: 27px;
	text-indent: 12px;
	color: #999;
	margin-top: 11px;
}
header #search{
	float: right;
	height: 37px;
	width: 37px;
	margin-top: 11px;
	margin-left: 10px;
}
header #search:hover{
	opacity: 0.9;
}
.nav > li > a {
	padding-left: 28px;
	padding-right: 28px;
}
.navbar-nav{
	margin-left:;
}

.breadcrumb li{
	font-size: 11px;
}

table{
	background: #fefefe !important;
    border-spacing:4px;
    border-collapse:separate;
}

table tr td{ 
	background: #eee;
	padding: 0px 5px 0px 5px;
}

#home h2{
	margin-left: 15px;
}
#home h3{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.listado{
	display: auto;
	width: 100%;
	height: 200px;
	overflow: auto;
}
.listado:last-child{
	margin-bottom: 20px;
}

.noticias div{
	height: 225px;
}

.noticias-sin-fotos div{
}

.contacto{
	width: 45%;
	float: left;
	margin-right: 10px;
}

.contacto button{
	float: right;
}

.gmaps{
	width: 54%;
	float: left;
}

.col-xs-12 h3{
	font-size: 16px;
}
.col-xs-12 p{ 
	text-align: justify;
}
.articulos li a{
	font-size: 14px;
	line-height: 25px;
	text-transform: uppercase;
}
.articulos li a:hover{
	color: #666;
}

.publicaciones{
	overflow:auto;
	padding:0 !important;
	/*margin-bottom: 20px;*/
}
.publicaciones .col-sm-3{ padding-left: 0}
.publicaciones .col-sm-3.last{ padding-right: 0}
.publicaciones h4{
	color:#1477c8;
	margin-bottom:5px;
}


.publicaciones img{
	border:1px solid #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.principal a{
	min-height: 35px;
	line-height: 35px;
	margin-bottom: 1px;
	background: #fff;
	border-bottom:1px solid #e5e5e5;
	text-align: center;
	font-size: 18px;
}

.busqueda{ padding-bottom: 10px; }
.busqueda .listado{ height: auto; }
.busqueda .listado div{	width:100%; }
.busqueda .listado div a{
	font-size: 12px;
	margin-left: 10px;
}
.busqueda .listado div a:hover{
	text-decoration: none;
	border-bottom: 1px solid;
}

.cursos .listado div{ width: 100%	}
.cursos .listado{ height: auto; overflow: hidden; display:block; width:350px; margin: 10px 30px; float: left;}
.cursos .info{ font-size: 11px;}
.novedades-home{ padding-top: 5px;}
.novedades-home img{ float: left; margin-right: 20px; margin-top: 0px;}
.novedades-home p{width: 65%; float: left; font-size: 11px}
.novedades-home p a{ font-size: 12px;}
.novedades-home div{padding: 5px; padding-bottom: 15px; overflow: auto;}


.curso-detalle .fecha,
.curso-detalle .horario,
.curso-detalle .lugar,
.curso-detalle .docente{
	margin: 1%;
	float: left;
	width: 22%;
	padding:1%;
	border:1px solid #eaeaea;
	min-height: 150px;
	margin-bottom: 5%;
}

.novedades-detalle img,
.publicaciones-detalle img{
	float: left;
	margin-right: 5%;
	margin-bottom: 5%;
}

.pagination{ width:100%;}
.pagination ul{
	display: block;
	width: 30%;
	margin:auto;
	height: 30px;
	list-style-type: none;
}
.pagination ul li{
	width: 20px;
	height:20px;
	float: left;
}
.pagination ul li a{
	display: block;
	cursor: pointer;
	height: 20px;
	width: 20px;
}
.pagination ul li.active a{ color:#303030 !important; text-decoration: none;}

/******************************************************* 
********************************************************

FOOTER 

********************************************************
********************************************************/

/*footer{
	background:#1d71b9 !important;
	padding-top: 15px;
}
footer.row-fluid > [class*="span"]:first-child{
	margin-left: 25px;
}
footer.row-fluid > [class*="span"] {
	float: left;
	margin-left: 13px;
	width:80px;
}*/

footer{
	background-color:#1d71b9; 
	color:#fff;
	overflow: auto;
}

footer .col-sm-2:first-child{
	margin-left: 38px;
}
footer .col-sm-2{
	width:12%;
}
footer h3{
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	text-align: left;
	padding-left: 9px;
	height: 30px;
}
footer ul{
	margin-top:10%;
	color:#fff;
	padding-left: 5px;
	margin-left: 6px;
}
footer ul li{
	font-size: 11px;
	text-align: left;
	margin-bottom: 5%;
}
footer a:link,
footer a:visited{
	color:#fff;
	text-decoration: none;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
footer a:hover{
	color: #fff;
	text-decoration: underline;
}
footer .logo{
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.clear{
	clear:both;
}

form[name="contacto"]{
	margin-bottom: 30px;
}