/*  
Theme Name: Chilelacteo 2017
Theme URI: http://www.chilelacteo.cl
Description: Plantilla HTML5 - Responsiva - Web Chilelacteo 2017
Version: 2.0 - Diciembre 2016
Author: Victor Reyes Coatts/ Publisiga Ltda.
Author URI: http://www.publisiga.cl 	
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 15, 2014 */


@font-face {
 font-family: 'ralewaybold';
 src: url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-bold-webfont.eot');
 src: url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('http://www.chilelacteo.cl/2017/wp-content/themes/www.chilelacteo2015/fonts/raleway-bold-webfont.woff2') format('woff2'),  url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-bold-webfont.woff') format('woff'),  url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-bold-webfont.ttf') format('truetype'),  url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ralewaymedium';
 src: url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-medium-webfont.eot');
 src: url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('http://www.chilelacteo.cl/2017/wp-content/themes/www.chilelacteo2015/fonts/raleway-medium-webfont.woff2') format('woff2'),  url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-medium-webfont.woff') format('woff'),  url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-medium-webfont.ttf') format('truetype'),  url('http://www.chilelacteo.cl/2017/wp-content/themes/chilelacteo2015/fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*-------------------------------------------------------------------------------------*/




html,  button,  input,  select,  textarea {
	color: #222;
}
html {
	font-size: 1em;
	line-height: 1.4;
}



::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}

::selection {
 background: #b3d4fc;
 text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio,  canvas,  img,  video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	background:#FFFFFF;
	font-family: 'ralewaymedium';
	font-size:14px;
	color:#000000;
}
/*LAS IMAGENES TOMAN EL ANCHO MAXIMO DE LA CAJA
FUNCIONA EN TODOS LOS NAVEGADORES!!!!!!*/
body img {
	max-width:100%;
}
/*HEADER----------------------*/

#header {
	width:80%;
	height:250px;
	margin:0 auto;
}
#logo {
	width:259px;
	height:238px;
	float:left;
}


/* MENU DESPLEGABLE*/



.menu {
	font-family: 'ralewaymedium';
	width:65%;
	height:auto;
	position:relative;
	font-size:12px;
	z-index:100;
	float:left;
	padding-top:10%;
	margin-left:32px;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000000;
	width:auto;
	height:20px;
	text-align:left;
	border:none;
	padding-left:0px;
	line-height:20px;
	font-size:12px;
	overflow:hidden;
}
.menu ul {
	padding:0;
	margin:0;
	list-style: none;
}
.menu ul li {
	float:left;
	position:relative;
	padding-right:10px;
	margin:0 1% 0 0;
}
.menu ul li ul {
	display: none;
}
/* specific to non IE browsers */


.menu ul li:hover a {
	color:#000000;
	background:#fff;
	border-bottom:#22abd9 1px solid;
}
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:20px;
	left:0;
	width:125px;
}
.menu ul li:hover ul li a.hide {
	background:#6a3;
	color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
	background:#6fc;
	color:#000;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block;
	background:#fff;
	color:#000;
}
.menu ul li:hover ul li a:hover {
	background:#22bbea;
	color:#fff;
}
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:105px;
	top:0;
}
.menu ul li:hover ul li:hover ul.left {
	left:-105px;
}
/* MENU DESPLEGABLE*/




/*ESTILOS PARA MENU SELECTOR DE FORMULARIO*/
#header form select {
	display:none;
}
/*CONTENEDOR----------------------*/


#contenedor {
	width:80%;
	height:auto;
	overflow:hidden;
	margin:0 10%;
}
#slide {
	width:100%;
	height:400px;
	text-align:center;
}
#slide-logos-organizan {
	width:85%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#slide-logos {
	width:80%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
}

#platinum{
	width:80%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
	}

#platinum1{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:2% 0;
}

.platinum1{
	width:30%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}
.platinum2{
	width:35%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	margin:0 20px 0 0;
	}	
		
#platinum1a{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 0 0 15%;
	padding:2% 0;
}

#gold-silver{
	width:99%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
	}

#linea1{
float:left;
}

#gold{
	width:50%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}
	
.gold1{
	width:48%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}
	
.gold2{
	width:45%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}		
	
#silver{
	width:45%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}	

#radio-media-produce{
	width:99%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
	}

#radio{
	width:30%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}
	
#media{
	width:30%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}
	
.media{
	width:50%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}	
	
#produce{
	width:30%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}	







#inicio-sidebar {
	width:75%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
	padding:4% 0 0 0;
}
#inicio {
	width:100%;
	height:auto;
	overflow:hidden;
	float:left;
}
#noticias-home {
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:5%;
}
#imagen-inicio {
	height:auto;
	overflow:hidden;
	float:left;
}
#texto-inicio {
	width:50%;
	padding:0 0 0 3%;
	height:auto;
	overflow:hidden;
	float:left;
}
.fecha {
	font-size:11px;
	color:#999999;
}
#texto-inicio h3 {
	font-size:18px;
	font-family: 'ralewaybold';
	margin-top:-1%;
	letter-spacing:-1px;
	color:#000;
}
#texto-inicio h3 a {
	color:#333;
	text-decoration:none;
}
#texto-inicio h3 a:hover {
	text-decoration:underline;
}
#bajada-text-inicio a {
	color:#666;
	text-decoration:none;
}
#bajada-text-inicio a:hover {
	text-decoration:underline;
}
/* Bounce In */

.hvr-bounce-in {
	display: inline-block;
	vertical-align: middle;
	-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;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/*SIDE BAR-------------------*/



#sidebar-home {
	width:22%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:0 1%;
	margin-top:-1%;
}
/*FOOTER----------------------*/



#footer {
	width:80%;
	height:200px;
	/*background:url(img/fondo-footer.jpg);*/

background:#3c728a;
	margin:0 10%;
	color:#FFFFFF;
}
#menu-footer {
	width:100%;
	height:35px;
	background:#009de0;
	color:#FFFFFF;
	font-size:12px;
	line-height:35px;
}
#menu-footer ul {
	text-align:center;
}
#menu-footer ul li {
	display:inline;
	list-style:none;
}
#menu-footer ul li a {
	color:#FFFFFF;
	text-decoration:none;
}
#menu-footer ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#footer-left {
	width:50%;
	height:150px;
	float:left;/*background:#CCFF66;*/



}
#footer-right {
	width:50%;
	height:150px;
	float:left;/*background:#CC66CC;*/



}
.imgfooter {
	width:200px;
	height:150px;
	float:left;
	padding:9px 0 0 0;
}
.imgfooter2 {
	width:200px;
	height:98px;
	float:left;
	padding:9px 0 0 0;
}
.textfooter2 {
	width:220px;
	height:150px;
	float:left;
	padding:10px 0 0 20px;
}
.textfooter2 h1 {
	font-size:16px;
	margin-bottom:-10px;
}
.textfooter2 p {
	font-size:12px;
}
.textfooter {
	width:220px;
	height:150px;
	float:left;
	padding:10px 0 0 0;
}
.textfooter p {
	font-size:12px;
}
#creditos p {
	font-size:11px;
	margin-left:-200px;
	margin-top:35px;
}
/*INTERIOR*/







#inicio-interior {
	width:80%;
	height:auto;
	overflow:hidden;
	margin:0 10%;
}
#interior {
	width:73%;
	height:auto;
	overflow:hidden;
	float:left;
	padding:0 2% 0 0;
	color:#222;
}
#sidebar-interior {
	width:20%;
	height:auto;
	padding:0 0 0 4%;
	overflow:hidden;
	float:left;
}
#interior h2 {
	font-size:28px;
	/*margin:-7px 0 0 0;*/
color:#127ebc;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (max-width:1380px) {
 #header {
 width:80%;
 height:220px;
 margin:0 auto;
}
 #slide {
 width:100%;
 height:400px;
 text-align:center;
}



#contenedor {
 width:94%;
 height:auto;
 overflow:hidden;
 margin:0 3%;
}
 #footer {
 width:94%;
 height:200px;
 margin:0 3%;
}



#inicio-interior {
 height:auto;
 overflow:hidden;
}



}
 @media only screen and (max-width:1020px) {
 #header {
 width:94%;
 height:330px;
 margin:0 3%;
}
 #logo {
 width:100%;
 height:auto;
 float:none;
 text-align:center;
}
 .menu {
 font-weight:500;
 width:100%;
 height:auto;
 padding-top:5%;
 margin:0 10% 0 6%;
 font-size:11px;
}





#slide {
 width:100%;
 height:auto;
 overflow:hidden;
 text-align:center;
}
 #footer-left {
 width:47%;
}
 #footer-right {
 width:53%;
}
 .imgfooter2 {
 width:170px;
}
 .textfooter2 {
 width:100px;
 padding:10px 0 0 5px;
}
 .textfooter {
 width:170px;
}
 #menu-footer ul {
 margin-left:-40px;
 font-size:10px;
}
 .textfooter2 p {
 font-size:10px;
}
 .textfooter p {
 font-size:10px;
}

}


@media only screen and (max-width:880px) {
#gold{
	width:45%;
	}
	
#silver{
	width:43%;
}
}


@media only screen and (max-width:768px) {
#radio{
	width:30%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}
	
#media{
	width:30%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}
	
.media{
	width:50%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}	
	
#produce{
	width:20%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:left;
	}

}


@media only screen and (max-width:600px) {

#platinum{
	width:100%;
	height:auto;
	overflow:hidden;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
	}

#platinum1{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:2% 0;
}

.platinum1, .platinum2{
	width:90%;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin:0 5%;
	padding:0 0 20px 0;
	float:none;
	}

		
#platinum1a{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 5% 0 0;
}

#gold-silver{
	width:99%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
	}

#linea1{
display:none;
}

#gold{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:none;
	border-bottom:#CCCCCC 1px solid;	
	}
	

.gold1, .gold2{
width:90%;
height:auto;
overflow:hidden;
text-align:center;
float:none;
}
	
#silver{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:none;
	}	

#radio-media-produce{
	width:99%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	border-bottom:#CCCCCC 1px solid;
	text-align:center;
	}

#radio{
	width:90%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:none;
	margin:0 5%;
	border-bottom:#CCCCCC 1px solid;	
	}
	
#media{
	width:90%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:none;
	margin:0 5%;
	border-bottom:#CCCCCC 1px solid;
	}
	
.media{
	width:90%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:none;
	margin:0 5%;
	}	
	
#produce{
	width:90%;
	height:auto;
	overflow:hidden;
	text-align:center;
	float:none;
	margin:0 5%;
	}

}


@media only screen and (max-width:568px) {
 #header {
 width:100%;
 height:340px;
 margin:0 5%;
}
 #logo {
 width:50%;
 height:auto;
 float:none;
 margin:0 auto;
}
 .menu {
 display:none;
}




	#header form select {
 width:75%;
 height:25px;
 margin:10px 0px 25px 15%;
 border:#999999 1px solid;
 color:#0000;
 background-color:#ccc;
 font-size:12px;
 text-align:center;
 display:block;
}
 #contenedor {
 width:90%;
 height:auto;
 overflow:hidden;
 margin:0 5%;
}
 #slide {
 width:90%;
 height:auto;
 margin:0 10%;
}
 #temas {
 width:92%;
 height:auto;
/*background:#CC33FF;*/



}
 .caja-temas {
 width:80%;
 height:210px;
float:none;
 margin:0 13% 5% 7%;
}
 #slide-logos {
 width:100%;
 height:auto;
 overflow:hidden;
}
 #inicio-sidebar {
 width:100%;
 height:auto;
 overflow:hidden;
 padding:4% 0;
}
 #inicio {
 width:100%;
 height:auto;
 float:none;
}
 #noticias-home {
 width:100%;
 height:auto;
 overflow:hidden;
 padding-bottom:5%;
}
 #imagen-inicio {
 width:100%;
 height:auto;
 float:none;
 text-align:center;
}
 #texto-inicio {
 width:94%;
 padding:0 3%;
 height:auto;
 float:none;
}
 #texto-inicio h3 {
 font-size:15px;
 margin-top:1%;
 text-align:center;
}
 #bajada-text-inicio a {
 color:#666;
 text-decoration:none;
 text-align:center;
}
 #sidebar-home {
 padding-top:20px;
 width:100%;
 height:auto;
 overflow:hidden;
 float:none;
}
 #footer {
 width:90%;
 height:700px;
 background:url(img/fondo-footer320.jpg) repeat;
 margin:0 5%;
}
 #menu-footer {
 width:100%;
 height:auto;
 line-height:30px;
 font-weight:bold;
}
 #menu-footer ul {
 margin-left:-30px;
}
 #footer-left {
 width:100%;
 height:150px;
 float:none;
/*background:#CCFF66;*/



}
 #footer-right {
 width:100%;
 height:150px;
 float:none;
}
 .imgfooter {
 width:200px;
 height:150px;
 float:none;
 padding:18% 0 0 10%;
}
 .imgfooter2 {
 width:200px;
 height:98px;
 float:left;
 padding:2% 0 0 15%;
 margin-top:-50px;
}
 .textfooter2 {
 width:100%;
 height:150px;
 float:left;
 padding:10px 10px 0 0px;
 text-align:center;
}
 .textfooter2 h1 {
 font-size:16px;
 margin-bottom:-10px;
}
 .textfooter2 p {
 font-size:12px;
}
 .textfooter {
 width:100%;
 height:150px;
 float:left;
 padding:10px 0 0 0;
}
 .textfooter p {
 font-size:12px;
 text-align:center;
}
 #creditos p {
 font-size:11px;
 margin-left:0px;
 margin-top:0px;
}







/*INTERIOR RESPONSIVO*/







#inicio-interior {
 width:97%;
 height:auto;
 overflow:hidden;
 margin:0 1%;
}
 #interior {
 width:100%;
 height:auto;
 float:none;
}
 #sidebar-interior {
 width:100%;
 height:auto;
 overflow:hidden;
 float:none;
 padding:20px 0 0 0;
}
}
 @media only screen and (max-width:420px) {
 #header {
 width:100%;
 height:200px;
 margin:0 5%;
}
 #temas {
 padding:30px 0 0 25px;
}
 #slide {
 padding:20px 0 0 0;
}
}
/* ==========================================================================



   Helper classes



   ========================================================================== */







.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active,  .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before,  .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}







/* ==========================================================================



   Print styles



   ========================================================================== */







@media print {
* {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
 .ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
 content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}
/*////////inscripciones */







.inscripciones {
	max-width:1037px;
	width:100%;
	margin:0 auto;
}
.inscribirse {
	width: 110px;
	background-color: #CC071E;
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
	padding:4px;
	float:right;
	border-radius:5px;
	box-shadow: 0px 1px 1px 0px grey;
}
.inscribirse:hover {
	background-color:rgb(186, 19, 38);
}
.inscribirse a:link {
	text-decoration:none;
	color:#fff;
}
.inscribirse a:visited {
	color:#fff;
}
.infomap {
	max-width:1037px;
	width:100%;
	overflow:hidden;
	padding:5px;
	background-color:#dbf0ce;
	padding-top:10px;
	margin-bottom:15px;
	background-color: #E4F6FE;
}
.info {
	width: 100%;
	float: left;
	line-height: 8px;
	padding-left: 3px;
}
.map {
	width: 100%;
	height: 180px;
	float: left;
}
.valores {
	max-width:1037px;
	width:100%;
	padding-bottom:5px;
	text-align:center;
}
.valores td {
	border:1px solid #ccc;
	background-color:#f9f9f9;
}
 @media screen and (max-width: 360px) {
 .valores td {
 font-size:13px;
}
}
#wpcf7-f251-p248-o1 {
	background-color:#f8f8f8;
	padding: 5px;
	margin-top: 15px;
}
.wpcf7-submit {
	background-color:#009de0;
	color:#fff;
	border:none;
	padding:15px 25px;
}