@charset "utf-8";
/* CSS Document */
body {font-family:'Oswald', Helvetica, Segoe, Arial, sans-serif; font-weight:400; color:#FFF; background:#000; padding:30px;}
	@media (max-width:560px) {
	body {padding:12px;}
	}
	@media (max-width:320px) {
	body {width:296px !important;}
	}
h1 {font-size:60px; line-height:70px; font-weight:700; color:#FFF; text-transform:uppercase;}
	@media (max-width:890px) {
	h1 {font-size:50px; margin-top:10px;}
	}
	@media (max-width:680px) {
	h1 {font-size:35px; line-height:35px; margin-top:22px;}
	}
	@media (max-width:560px) {
	h1 {font-size:35px; line-height:35px; margin-top:20px;}
	}
h2 {font-size:25px; line-height:30px; font-weight:700; color:#FFF; text-transform:uppercase;}
	@media (max-width:890px) {
	h2 {font-size:20px; margin-top:-10px;}
	}
	@media (max-width:680px) {
	h2 {font-size:14px; margin-top:-2px;}
	}
	@media (max-width:560px) {
	h2 {font-size:14px; line-height:20px; margin-top:0;}
	}
h3 {font-size:18px; line-height:25px; font-weight:700; color:#FFF; text-transform:uppercase;}
h4 {font-size:18px; line-height:25px; font-weight:400; color:#FFF;}  
p {font-size:14px; line-height:18px; font-weight:400;}


/* CLASES ESPECIALES */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix {display:inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display:block;}
.contenedor {width:960px; padding:0 15px; margin:0 auto;}
	@media (max-width:1200px) {
	.contenedor {width:768px;}
	}
	@media (max-width:890px) {
	.contenedor {width:90%; padding:0 5%;}
	}
	

/* DIVS GENERALES */
#pagina {width:100%; background-image: url(imagenes/bkg.jpg);  background-size:100%; border-radius:30px; position:relative;}
header {width:100%; height:100px; padding:30px 0; background-image:url(imagenes/header_bkg.jpg); border-top-left-radius:30px; border-top-right-radius:30px; position:relative;}
nav {width:100%; padding:30px 0; position:relative;}
section {width:100%; padding-bottom:30px;}
footer {width:100%; padding-top:30px;}


/* HEADER */
header .titulos {height:100px; float:left; position:relative;}
	@media (max-width:890px) {
	header .titulos {margin-top:-8px;}
	}
	@media (max-width:680px) {
	header .titulos {margin-top:0;}
	}
	@media (max-width:560px) {
	header .titulos {width:100%; height:75px !important; display:block; text-align:center; margin-top:-7px;}
	}
header .redes {height:30px; padding:35px 0; list-style:none; float:right; position:relative;}
header .redes li {display:inline; width:30px; height:30px; padding:0; border:0; margin:0 0 0 5px;}
header .redes li a {display:inline; width:30px; height:30px; padding:0; margin:0;}
header .redes li a i {font-size:30px;}
header .redes li a:link i, header .redes li a:visited i {color:#FFF;}
header .redes li a.facebook:hover i, header .redes li a.facebook:active i {color:#71CCD7;}
header .redes li a.twitter:hover i, header .redes li a.twitter:active i {color:#F02084;}
header .redes li a.linkedin:hover i, header .redes li a.linkedin:active i {color:#FFEB00;}
header .redes li a.youtube:hover i, header .redes li a.youtube:active i {color:#000;}
	@media (max-width:680px) {
	header .redes {padding:20px 0 !important;}
	header .redes li a {display:block; float:left;}
	header .redes li a.linkedin {clear:left;}
	header .redes li a.linkedin, header .redes li a.youtube {margin-top:-15px;}
	}
	@media (max-width:560px) {
	header .redes {width:100%; text-align:center; padding:5px 0 0 0 !important;}
	header .redes li, header .redes li a {width:20px !important; height:20px !important;}
	header .redes li a {display:inline !important; float:none !important; clear:none !important;}
	header .redes li a i {font-size:20px;}	
	}


/* NAV */
nav {position:relative; z-index:10;}
nav ul > li {float:left; margin-right:10px;}
nav ul li a {background:#000; color:#FFF; display:block; border-radius:17.25px; font-size:15px; text-transform:uppercase; line-height:15px; height:15px; padding:10px 20px; text-decoration:none;}
nav ul li a:link, nav ul li a:visited {background:#000; color:#FFF;}
nav ul li a:hover, nav ul li a:active {background:#000; color:#FFEB00;}
nav ul li ul {display:none; padding-top:5px; position:absolute;}
nav ul li:hover > ul {display:block;}
nav ul li ul li {display:block; margin-bottom:5px; float:none; position:relative;}
nav ul li ul li a:link, nav ul li ul li a:visited {background:url(imagenes/submenu_bkg.png) repeat; color:#000;}
nav ul li ul li a:hover, nav ul li ul li a:active {background:#FFEB00; color:#000;}
	@media (max-width:1200px) {
	nav ul li a {border-radius:17.25px; padding:10px 15px;}	
	}
	@media (max-width:890px) {
	nav ul li a {border-radius:15.25px; font-size:13.5px; padding:10px 10px;}
	}
	@media (max-width:680px) {
	nav ul > li {margin-right:5px;}
	nav ul li a {border-radius:15.25px; font-size:13px; padding:10px 8px;}
	}
	@media (max-width:560px) {
	nav {text-align:center; width:100%;}
	nav ul li {display:block; margin-bottom:5px; width:45%; margin-left:2%;}
	nav ul li a {width:96%; padding:10px 2%;}
	nav ul li ul {width:94%; display:none; padding-top:5px; position:absolute; left:8%;}
	nav ul li ul li {width:90%; display:block; margin-bottom:5px; margin-left:-1%; float:none; position:relative;}
	}

/* FOOTER */
footer hr {color: #FFEB00; width:950px;}
footer  small {font-family:Helvetica Neue, Segoe UI, Arial, sans-serif; font-size:10px; line-height:11px; font-weight:normal;}
footer img {width:85px; float:left; margin-right:10px; padding: 5px; }


/* SECTION */
section#bienvenido {clear:both;}
section#bienvenido #slider {background:#000; padding:15px; border-radius:15px; position:relative;}
section#bienvenido #slider .blueberry {width:930px; position:relative;}
section#bienvenido #slider .blueberry .slides {width:930px; display:block; position:relative;}
section#bienvenido #slider .blueberry .slides li {width:930px; position:absolute; top:0; left:0;}
section#bienvenido #slider .blueberry .slides li img {display:block; width:930px !important; position:relative;}
section#bienvenido #slider .blueberry .slides li.active {display:block; position:relative;}
section#bienvenido #slider .blueberry .slides li p {font-size:14px; line-height:18px; font-weight:400; color:#FFF; margin:10px 0 20px 0; position:relative;}
section#bienvenido #slider .blueberry .crop li img {width:930px !important;}
section#bienvenido #slider .blueberry .pager {height:4px; padding:10px 0; text-align:center;}
section#bienvenido #slider .blueberry .pager li {display:inline-block; margin:0 5px;}
section#bienvenido #slider .blueberry .pager li a, section#bienvenido #slider.blueberry .pager li a span {display:block; height:4px; width:4px; padding:0; margin:0; font-size:20px; line-height:20px;}
section#bienvenido #slider .blueberry .pager li a {text-decoration:none; color:#FFF;}
section#bienvenido #slider .blueberry .pager li a span {color:#FFF; padding:0; margin:0;}
section#bienvenido #slider .blueberry .pager li.active a span {color:#FFEB00;}
	@media (max-width:1200px) {
	section#bienvenido #slider .blueberry, section#bienvenido #slider .blueberry .slides, section#bienvenido #slider .blueberry .slides li, section#bienvenido #slider .blueberry .slides li img, section#bienvenido #slider .blueberry .crop li img {width:738px !important;}
	}
	@media (max-width:890px) {
	section#bienvenido #slider .blueberry, section#bienvenido #slider .blueberry .slides, section#bienvenido #slider .blueberry .slides li, section#bienvenido #slider .blueberry .slides li img, section#bienvenido #slider .blueberry .crop li img {width:100% !important;}
	}
	
	
section#contenido article {width:283px; padding:15px; margin-right:10px; float:left; position:relative; color:#FFF !important; border-radius:15px;}
section#contenido article:last-child {margin-right:0 !important;}
section#contenido article {background:#000; color:#FFF;}
section#contenido article:hover {background:#FFEB00; color:#000 !important;}
section#contenido article h2, section#contenido article h3, section#contenido article h4 {color:#FFF;}
section#contenido article:hover h2, section#contenido article:hover h3, section#contenido article:hover h4 {color:#000;}
section#contenido article img, section#contenido article video {width:283px !important; margin:15px 0;}
	@media (max-width:1200px) {
	section#contenido article {width:738px; margin-right:0; margin-bottom:15px;}
	section#contenido article img, section#contenido article video, section#contenido article h4, section#contenido article p {float:left;}
	section#contenido article img, section#contenido article video {margin:15px 15px 0 0;}
	section#contenido article h4 {margin-top:15px;}
	section#contenido article h4, section#contenido article p {width:440px;}
	}
	@media (max-width:890px) {
	section#contenido article {width:90%; padding:5%;}
	section#contenido article img, section#contenido article video {width:38% !important; height:38%; margin:15px 2% 0 0;}
	section#contenido article h4 {margin-top:15px;}
	section#contenido article h4, section#contenido article p {width:60%;}	
	}
	@media (max-width:460px) {	
	section#contenido article img, section#contenido article video {width:100% !important;}
	section#contenido article h4, section#contenido article p {width:100%;}	
	}
		
/* FOOTER */
footer hr {color:#FFEB00; width:100%;}
footer small {font-family:Helvetica Neue, Segoe UI, Arial, sans-serif; font-size:10px; line-height:11px; font-weight:normal;}
footer img {width: 85px; float:left; margin-right:10px; padding: 5px; }



/*
@media all and (min-width: 640px) {
    
h1 {font-size:50px; line-height:50px;}
    
h2 {font-size:20px;}
}

@media all and (min-width: 960px) {
    
h1 {font-size:70px; line-height:70px;}
    
h2 {font-size:25px;}
}