@charset "utf-8";
/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 88.0326%;
	padding-left: 1.4836%;
	padding-right: 1.4836%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top-banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#top-banner-rwd{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	background-color:#52BBB5;
}
#menu-left {
	clear: both;
	width: 100%;
	display: block;
}
a {color:#52BBB5}
#col01 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#col01 h2 {color:#52BBB5}
#col01-rwd {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col01-rwd h2 {color:#52BBB5}
#col02 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#col02 h2 {color:#52BBB5}
#col02-rwd {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col02-rwd h2 {color:#52BBB5}
#col03 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#col03 h2 {color:#52BBB5}
#col03-rwd {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col03-rwd h2 {color:#52BBB5}
#col04 {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col04 h2 {color:#52BBB5}
#col05 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col05 h2 {
	color: #52BBB5;
}
#col05 td {
	border-bottom:#52BBB5 1px solid;
	padding-top:1%;
	padding-bottom:1%
}
#col06 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#col06 h2 {color:#52BBB5}
#col07 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col07 h2 {
	color: #000000;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:10px;
	margin-top:20px;
	width: 100%;
	display: block;
	font-size:85%;
	border-top:#004f9e solid 1px;
}
#go-top-tablet {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:10px;
	margin-top:20px;
	width: 100%;
	display: none;
	font-size:85%;
	border-top:#004f9e solid 1px;
}
.menu2-p {font-size:0.8em}
#programacol01 {
	width:48.17%; 
	margin-right:0.8%; 
	height:296px; 
	float:left; 
	background-color:#83CAC4
}

#programacol02 {
	width:48.17%; 
	margin-right:0.8%; 
	height:296px; 
	float:left; 
	background-color:#DAE1E1
}
#programacol03 {
	width:48.17%; 
	margin-right:0.8%;
	margin-top:0.8%; 
	height:296px; 
	float:left; 
	background-color:#83CAC4
}
#programacol04 {
	width:48.17%;
	margin-top:0.8%;
	height:296px; 
	float:left; 
	background-color:#DAE1E1
}


/* Design tablet: de 768 px a 991px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 768px) {
.gridContainer {
	width: 91.4836%;
	padding-left: 0.7581%;
	padding-right: 0.7581%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top-banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#top-banner-rwd{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-left {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col01 {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	margin-top:1%;
	width: 49.1712%;
	display: none;
}
#col01-rwd {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:1%;
	width: 49.1712%;
	display: block;
}
#col02 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:1%;
	width: 49.1712%;
	display: none;
}
#col02-rwd {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	margin-top:1%;
	width: 49.1712%;
	display: block;
}
#col03 {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	margin-top:1%;
	width: 49.1712%;
	display: none;
}
#col03-rwd {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:1%;
	width: 49.1712%;
	display: block;
}
#col04 {
	clear: none;
	float: right;
	margin-left: 1.6574%;
	margin-top:1%;
	width: 49.1712%;
	display: block;
}
#col05 {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	margin-top:1%;
	width: 99%;
	display: block;
}
#col05 td {
	border-bottom:#52BBB5 1px solid;
	padding-top:1%;
	padding-bottom:1%
}
#col06 {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	margin-top:1%;
	width: 49.1712%;
	display: none;
}
#col07 {
	clear: none;
	float: left;
	margin-left: 1.6574%;
	margin-top:1%;
	width: 99%;
	display: block;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;
}
#go-top {
	width:200px; 
	height:100px; 
	position:fixed; 
	bottom:0px; 
	right:5px;
	display:none}
#go-top-tablet {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:10px;}

#25-left {width:24%; float:left; margin-left:25%; margin-right:1%}
#25-right {width:24%; float:left; margin-right:25%; margin-left:1%}
}

/* Diseño escritorio: de 992 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 992px) {
.gridContainer {
	width: 89.0217%;
	max-width: 1232px;
	padding-left: 0.4891%;
	padding-right: 0.4891%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top-banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top-banner-rwd{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menu-top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu-left {
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}
#col01 {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:1%;
	width: 32.6007%;
	display: block;
}
#col01-rwd {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	margin-top:1%;
	width: 24.1758%;
	display: none;
}
#col02 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	margin-top:1%;
	width: 32.6007%;
	display: block;
}
#col02-rwd {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	margin-top:1%;
	width: 24.1758%;
	display: none;
}
#col03 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	margin-top:1%;
	width: 32.6007%;
	display: block;
}
#col03-rwd {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	margin-top:1%;
	width: 24.1758%;
	display: none;
}
#col04 {
	clear: none;
	float: right;
	margin-left: 1.0989%;
	width: 66.3003%;
	display: block;
}
#col05 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	margin-bottom:8%;
	width: 65%;
	display: block;
}
#col05 table {
	padding:0;
	width:100%;
}
#col05 td {
	border-bottom:#52BBB5 1px solid;
	padding-top:1%;
	padding-bottom:1%
}
#col06 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	margin-top:1%;
	width: 15.7509%;
	display: block;
}
#col07 {
	clear: none;
	float: left;
	margin-left: 1.0989%;
	margin-bottom:8%;
	width: 65%;
	display: block;
}
#foot {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:10px;
	width: 100%;
	display: block;
}
#go-top {
	width:32%; 
	height:auto; 
	position:fixed; 
	bottom:5%; 
	right:5px;
	display:block
}
#go-top-tablet {
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:10px;
	width: 100%;
	display: none;
}
#left25 {
	width: 24%;
	float: left;
	margin-left: 25%;
	margin-right: 1%;
	/* [disabled]display: block; */
}
#right25 {
	width:24%; 
	float:left; 
	margin-right:25%; 
	margin-left:1%;
	display:block
}
#center25 {
	width:25%; 
	float:left; 
	margin-right:37.5%; 
	margin-left:37.5%;
	display:block
}
#separacao10 {
	width:100%;
	height:10%}

#programacol01 {
	width:24.17%; 
	margin-right:0.8%; 
	height:296px; 
	float:left; 
	background-color:#83CAC4
}

#programacol02 {
	width:24.17%; 
	margin-right:0.8%; 
	height:296px; 
	float:left; 
	background-color:#DAE1E1
}
#programacol03 {
	width:24.17%; 
	margin-right:0.8%; 
	margin-top:0;
	height:296px; 
	float:left; 
	background-color:#83CAC4
}
#programacol04 {
	width:24.17%; 
	height:296px; 
	margin-top:0;
	float:left; 
	background-color:#DAE1E1
}

/* LOGOS PATROCINIOS */
#logoa {width:8.41514726507714%%; float:left}
#logob {width:15.84852734922861%; float:left; margin-left:2.73492286115007%}
#logoc {width:13.04347826086957%; float:left; margin-left:2.73492286115007%}
#logod {width:14.86676016830295%; float:left; margin-left:2.73492286115007%}
#logoe {width:17.11079943899018%; float:left; margin-left:2.73492286115007%}
#logof {width:16.97054698457223%; float:left; margin-left:2.73492286115007%}
#logog {width:10.65918653576438%; float:left; margin-left:34.46704067321178%}
#logoh {width:17.67180925666199%; float:left; margin-left:2.73492286115007%}
#apoioa {width:10.09817671809257%; float:left; margin-left:20.70995792426367%}
#apoiob {width:18.51332398316971%; float:left; margin-left:2.73492286115007%}
#apoioc {width:10.09817671809257%; float:left; margin-left:4.47166900420757%}
#apoiod {width:67.32117812061711%; float:left; margin-left:16.34544179523142%}
#apoioe {width:6.31136044880785%; float:left; margin-left:4.58415147265077%}
#apoiof {width:43.61851332398317%; float:left; margin-left:28.19074333800842%}
#organizadora {width:15.84852734922861%; float:left; margin-left:42.07573632538569%}

}