/**
 * zonamaco.com
 *
 */
 /* Layout ================================================================================= */

* { margin:0px; padding:0px; text-align:left;} 
	
/* */
html,body{ margin:0 auto 0 auto; padding:0px; height: 100%; text-align:center; background-color:#F5F5F5;  background-image:url(../images/pager_bg.jpg); background-position:center center; background-repeat: no-repeat;
	font: 10px/24px "Helvetica","Lucida Sans", Arial, Verdana, sans-serif; }

	
/* MAIN PAGE */
#main{ margin:0px auto 0px auto; padding:0px; text-align:center;  width:970px; height:650px; background-color:#FFFFFF; 
 background-image:url(../images/pager_bg.jpg); background-position:center center; background-repeat: no-repeat;}
.wrapper{ padding:0px; width:auto !important; height:auto !important; display:block; }
 
/* COLUMNAS */
.col-1{ float:left; width:173px; height:614px; overflow:hidden; border:0px solid green; margin:18px 18px 0px 18px;}
.col-2{ float:left; width:278px; height:615px; overflow:hidden; border:0px solid yellow; margin:18px 0px 0px 0px;}
.col-3{ float:left; width:455px; height:618px; overflow:hidden; border:0px solid pink; margin:18px 0px 0px 0px;}


/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Links */
a, a:visited, a:hover, a:active{ text-decoration:none; color:transparent;} 
/* Table */
table{ border-collapse:collapse; border:1px solid #E3E5E4;}
table tr{ border-bottom:0px solid #E1E1E1; }
table th{ border:0px solid gray; }
table td{ border:0px solid green; *border-bottom:1px solid #F2F2F2;}
/* Image */
img{display:block; border:0px solid red;}
/* H1, H2, H3, H4, ETC */
h1,h2,h3,h4,h5,h6,h7{text-align:left;}
/* p */ 
p{margin:15px 0px 15px 0px; text-align:left; font: 13px "Lucida Sans", Arial, Verdana, sans-serif; color:#9E9FA0;}
/* button */
.button, 
.button-link {display:block;}
.button span,
.button-link span{display:block;}
/* */
.smini1{font-size:10px;}
.smini2{font-size:6px;}

/*.smini1{ font-size:13px; color:transparent;  background:url('../images/s_chica.jpg') no-repeat left 10px;  padding:0x 4px 0px 4px;}*/
/*.smini2{ font-size:13px; /*color:transparent;  background:url('../images/s_maschica.jpg') no-repeat left 4px; padding:0px 1px 0px 1px;}*/
.highlight{font-size:13px; color:#E10045;}

.box.comite{ margin:0px 0px 8px 35px; padding:0px; background-color:#F0F0F0; font-size:13px; line-height: 130%;}
.box.comite th{ margin:0px; padding:4px 9px 0px 9px; font-weight:normal; color:#646567;}
.box.comite td{ margin:0px; padding:0px 9px 4px 9px; color:#98999A; }
.box.comite span{margin:0px; padding:0px;}

.box.outline{ margin-bottom:8px; padding:7px 9px 7px 9px; font-size:14px; line-height: 130%; border:1px solid #E0053A; }
.box.outline p{color:#E0053A;}
.box.outline span{margin:0px; padding:0px;}

.pdf_download{ width:100%; text-align:left; margin-bottom:12px; display:block;}
.pdf_download a{ width:100%; text-align:left; display:block;}
.pdf_download td{padding:0px 24px 0px 12px;}

.pdf_download_small{ width:100%; text-align:left; margin-bottom:10px; display:block;}
.pdf_download_small a{ width:100%; text-align:left; display:block;}
.pdf_download_small td{padding:0px 15px 0px 12px;}
.pdf_download_small td p{padding:4px 0px 4px 0px; margin: 2px 0px 2px 0px;}



/********** < Navigation */
#nav{ border:0px solid red; margin:0px; padding:0px;}
#nav span{ border:0px solid red; margin:0px; padding:0px;}

.flipMenu{text-align:left; font-size:15px; text-decoration:none; color:#575859; width:270px; letter-spacing:0px; }

.flipMenu .flipStatic a{ color:#575859; font-weight:normal; text-decoration:none;}
.flipMenu #secc0.flipStatic a:hover{ color:#E30045; font-weight:normal; text-decoration:none;}
.flipMenu #secc1.flipStatic a:hover{ color:#E75294; font-weight:normal; text-decoration:none;}
.flipMenu #secc2.flipStatic a:hover{ color:#4EC8B5; font-weight:normal; text-decoration:none;}
.flipMenu #secc3.flipStatic a:hover{ color:#009EE0; font-weight:normal; text-decoration:none;}
.flipMenu #secc4.flipStatic a:hover{ color:#AD007C; font-weight:normal; text-decoration:none;}
.flipMenu #secc5.flipStatic a:hover{ color:#E30045; font-weight:normal; text-decoration:none;}
.flipMenu #secc6.flipStatic a:hover{ color:#EB690B; font-weight:normal; text-decoration:none;}
.flipMenu #secc7.flipStatic a:hover{ color:#B1C800; font-weight:normal; text-decoration:none;}

.flipMenu .flipStatic ul .flipStatic{ padding-left:12px; background-color:#F1F1F1;}
.flipMenu .flipStatic ul .flipStatic a{ color:#0083D7; text-decoration:none; font-weight:normal;}
.flipMenu .flipStatic ul .flipStatic a:hover{ color:#0083D7; text-decoration:none; font-weight:bold;}

.flipMenu .flipFolderClosed a{  color:#575859; font-weight:normal; text-decoration:none;}
.flipMenu #secc0.flipFolderClosed a:hover{ color:#E30045; font-weight:normal; text-decoration:none;}
.flipMenu #secc1.flipFolderClosed a:hover{ color:#E75294; font-weight:normal; text-decoration:none;}
.flipMenu #secc2.flipFolderClosed a:hover{ color:#4EC8B5; font-weight:normal; text-decoration:none;}
.flipMenu #secc3.flipFolderClosed a:hover{ color:#009EE0; font-weight:normal; text-decoration:none;}
.flipMenu #secc4.flipFolderClosed a:hover{ color:#AD007C; font-weight:normal; text-decoration:none;}
.flipMenu #secc5.flipFolderClosed a:hover{ color:#E30045; font-weight:normal; text-decoration:none;}
.flipMenu #secc6.flipFolderClosed a:hover{ color:#EB690B; font-weight:normal; text-decoration:none;}
.flipMenu #secc7.flipFolderClosed a:hover{ color:#B1C800; font-weight:normal; text-decoration:none;}

.flipMenu .flipFolderOpen a{ color:#0083D7; font-weight:normal; text-decoration:none;}
.flipMenu #secc0.flipFolderOpen a{ color:#E30045; font-weight:normal; text-decoration:none;}
.flipMenu #secc1.flipFolderOpen a{ color:#E75294; font-weight:normal; text-decoration:none;}
.flipMenu #secc2.flipFolderOpen a{ color:#4EC8B5; font-weight:normal; text-decoration:none;}
.flipMenu #secc3.flipFolderOpen a{ color:#009EE0; font-weight:normal; text-decoration:none;}
.flipMenu #secc4.flipFolderOpen a{ color:#AD007C; font-weight:normal; text-decoration:none;}
.flipMenu #secc5.flipFolderOpen a{ color:#E30045; font-weight:normal; text-decoration:none;}
.flipMenu #secc6.flipFolderOpen a{ color:#EB690B; font-weight:normal; text-decoration:none;}
.flipMenu #secc7.flipFolderOpen a{ color:#B1C800; font-weight:normal; text-decoration:none;}

.flipMenu .flipFolderOpen ul{padding:4px 0px 4px 12px;}
.flipMenu .flipFolderOpen ul .flipStatic{ padding:0px 0px 0px 12px; background-color:#F1F1F1; width:232px; line-height: 150%; font-weight:normal;}
.flipMenu .flipFolderOpen ul .flipStatic a{ color:#0083D7; text-decoration:none; font-weight:normal;}
.flipMenu .flipFolderOpen ul .flipStatic a:hover{ color:#005A97; text-decoration:none; font-weight:normal;}



/********** < PAGER */
.page{ margin:0px; padding:0px; width:445px; height:380px; overflow:hidden; display:block;}
/* PAGE CONTROL */
.page_control { margin:0px 0px 0 auto; padding:0px; height:21px;  text-align:right; width:100%;}
.page_control .main{ margin:0px 0px 0px auto; padding:0px; height:21px; width:160px;}

.page_control .button.large{ float:left; margin-left:3px; padding:0px; width:69px; height:19px; font-size:11px; text-align:center; }
.page_control #nextPage.button.large{ margin-left:9px; background-image:url(../images/button_next.jpg); background-repeat:no-repeat; }
.page_control #prevPage.button.large{ background-image:url(../images/button_prev.jpg); background-repeat:no-repeat; }
.page_control a.large{ text-decoration:none; font-weight:bold; color:#777; letter-spacing:0px; overflow:hidden;}
.page_control a.button.large:hover{ text-decoration:none; color:#666; background-position:0 -19px;}

.page_control .button span{ margin:0px; padding:0px 0px 0px 100px; }
/* CONTENT ========================================================================= */

/* COLUMNAS para pagina de inicio*/
.index .col-1{ background:url('../images/index_col1.jpg') no-repeat; border:0px solid green; margin:18px 18px 0px 18px;}
.index .col-2{ width:380px; background:url('../images/index_col2.jpg') no-repeat; border:0px solid yellow; margin:18px 0px 0px 0px;}
.index .col-3{ width:362px; background:url('../images/index_col3.jpg') no-repeat; border:0px solid pink; margin:18px 0px 0px 0px;}

.index .col-3 .index_row-1{ border:0px solid red; height:380px;}
.index .col-3 .index_row-2{ border:0px solid red; height:30px;}
.index .col-3 .index_row-3{ border:0px solid red; height:204px; background:url('../images/index_col3_row3.jpg') no-repeat;}

.button_idioma .button{ float:left; margin-left:0px; padding:0px; width:90px; height:30px; font-size:11px; text-align:left; }
.button_idioma #espanol.button{ margin-left:0px; background-image:url(../images/button_espanol.jpg); background-repeat:no-repeat; overflow:hidden;}
.button_idioma #ingles.button{ margin-left:0px; width:110px; background-image:url(../images/button_ingles.jpg); background-repeat:no-repeat; overflow:hidden;}
.button_idioma a{ text-decoration:none; font-weight:bold; color:#777; letter-spacing:0px; }
.button_idioma a.button:hover{ text-decoration:none; color:#666; background-position:0 -30px;}
.button_idioma span{ padding:0px 0px 0px 150px;}

/* COL-1 */
.col-1 .block-images {  display:block; overflow:hidden; width:173px; height:610px;}
.col-1 .block-images .image_tira {  position:relative; width:173px; height:1884px; background:url(../images/tira.jpg) 0 0 no-repeat;}

/* COL-2 */
.col-2 .title{ display:block; overflow:hidden; }
.col-2 .title .image { margin-bottom:12px; }
.col-2 .title .image img{ width:278px; height:193px;}

/* COL-3 */
.col-3 a, .col-3 a:visited, .col-3 a:hover, .col-3 a:active{ text-decoration:none; color:#999999;} 
.col-3 .title{ margin-bottom:18px; display:block; overflow:hidden; text-align:left; color:#E10045;}
.col-3 .title h1 { padding-top:155px; *padding-top:158px; font:37px "Helvetica", Arial, Myriad; font-weight:bold;  width:460px; height:44px; *height:42px;}

.col-3 .title2{ margin-bottom:18px; display:block;  text-align:left; color:#E10045;}
.col-3 .title2 h1 { padding-top:115px; *padding-top:118px; font:37px "Helvetica", Arial, Myriad; font-weight:bold;  width:460px; height:84px; *height:82px;}

.col-3 .content{ margin:0px; padding:0px 0px 0px 4px; width:450px; height:380px; text-align:left;  border: 0px solid red; overflow:hidden; display:block;}
.col-3 .content .title{ margin-bottom:18px; overflow:hidden; }
.col-3 .content .title h2 { font:20px "Arial", Myriad; color:#19171A;}
.col-3 .content .title h3 { font:16px "Arial", Myriad; color:#666;}

.col-3 #patrocinadores #title h1 { padding-top:0px; *padding-top:0px; font:37px "Helvetica", Arial, Myriad; font-weight:bold;  width:460px; height:44px; *height:42px;}


/* GALERIA DE FOTOS */
.prensa_fotos {margin: 1px; float: left;}

/* Catalogo - GALERIA enlaces */
.catalogo_url .content{  }
.catalogo_url .content .title{}
.catalogo_url .content .title h2{ font:14px "Lucida Sans Unicode", Arial; color:#DF0539; letter-spacing:2px; cursor:pointer;}
.catalogo_url .content .title  a{ color:#DF0539; cursor:pointer; }
.catalogo_url .content .title  a:hover{ color:#CCC; }
.catalogo_url .content .title  a:active{ color:#CCC; }

.catalogo_url .page{margin-left:20px; clear:both;}
.catalogo_url .page .title { float:left;  margin-right:10px;  }
.catalogo_url .page .title h2{ font:34px "Lucida Sans Unicode", Arial; color:#DF0539; font-weight:bold; }
.catalogo_url .page .cont{ float:left; margin-top:2px; width:330px; height:336px; overflow:auto; font:13px "Lucida Sans Unicode", Arial; color:#666; }
.catalogo_url .page .cont a{  color:#666; text-decoration:underline; line-height:200%;}
.catalogo_url .page .cont a:hover{ color:#333; }
/* CONTACT FORM ========================================================================= */
.contacto .form-row{ margin:2px 0px 2px 0px; padding:0px; color:white; text-align:left; font:13px "Arial",Myriad; min-height:20px;}
.contacto .form-label{ float:left; }
.contacto .form-input{ float:left;}
.contacto .form-label label{ display:block;}
.contacto .form-label .required{ display:none; color:red;}
.contacto .form-label .requiredShow{ display:block; font-weight:bold; color:red;}

.contacto .form-input input, 
.contacto .form-input textarea{border:1px solid #D3CCDC;}

.contacto .form-input input:hover, .contacto .form-input input:focus,
.contacto .form-input input:hover, .contacto .form-input textarea:focus
{border:1px solid #999999; }

.contacto .form-input .required-input{ background-color:#F1F1F1;}
.contacto .form-input .required-input:hover{ border:1px solid #999999; background-color:#F1F1F1;}
.contacto .form-input .required-input:focus{ border:1px solid #999999; background-color:#FFFFFF;}

.contacto .form-label .ec_name{ width:157px; }
.contacto .form-input #ec_name{ width:122px; margin-right:5px; }

.contacto .form-label .ec_lastname{ width:10px;}
.contacto .form-input #ec_lastname{ width:120px;}

.contacto .form-label .ec_sex{ width:89px;}
.contacto .form-input #ec_sex{  }
.contacto .form-input .sex select{ width:140px; }
.contacto .form-label .ec_age{ width:40px; margin-left:28px;}
.contacto .form-input #ec_age{ width:69px;}

.contacto .form-label .ec_environment{ width:157px;}
.contacto .form-input #ec_environment{ width:247px;}

.contacto .form-label .ec_job{ width:89px;}
.contacto .form-input #ec_job{ width:315px;}
.contacto .form-label .ec_adress{ width:89px;}
.contacto .form-input #ec_adress{ width:315px;}

.contacto .form-label .ec_colony{ width:89px;}
.contacto .form-input #ec_colony{ margin-right:30px; width:138px; }
.contacto .form-label .ec_cp{ width:40px;}
.contacto .form-input #ec_cp{ width:67px;}


.contacto .form-label .ec_city{ width:89px;}
.contacto .form-input #ec_city{ margin-right:30px; width:138px; }
.contacto .form-label .ec_country{ width:40px;}
.contacto .form-input #ec_country{ width:105px;}

.contacto .form-label .ec_phone{ width:89px;}
.contacto .form-input #ec_phone{ margin-right:30px; width:138px; }
.contacto .form-label .ec_fax{ width:40px;}
.contacto .form-input #ec_fax{ width:105px;}

.contacto .form-label .ec_email{ width:89px;}
.contacto .form-input #ec_email{ width:198px;}

.contacto .form-label .ec_daycount{ width:204px;}
.contacto .form-input #ec_daycount{ width:115px;}

.contacto .form-label .ec_message{ width:89px; }
.contacto .form-textarea textarea{ width:404px; height:67px; }

.contacto .form-button { margin:6px; width:403px; }
.contacto .form-button .button{ margin:0px 0px 0px auto; cursor:hand;  width:68px; height:24px; display:block; text-align:center; background-color:#B1C800; font-weight:bold; color:#FFFFFF; border:1px solid #B1C800; }
.contacto .form-button .button:hover{background-color:#B1C800; border:2px solid #B1C800;}

.contacto.prensa .form-button { margin:6px; width:403px; }
.contacto.prensa .form-button .button{ margin:0px 0px 0px auto; cursor:hand;  width:68px; height:24px; display:block; text-align:center; background-color:#AD007C; font-weight:bold; color:#FFFFFF; border:1px solid #AD007C; }
.contacto.prensa .form-button .button:hover{background-color:#AD007C; border:2px solid #AD007C;}

.contacto.visitantes .form-button { margin:6px; width:403px; }
.contacto.visitantes .form-button .button{ margin:0px 0px 0px auto; cursor:hand;  width:68px; height:24px; display:block; text-align:center; background-color:#009EE0; font-weight:bold; color:#FFFFFF; border:1px solid #009EE0; }
.contacto.visitantes .form-button .button:hover{background-color:#009EE0; border:2px solid #009EE0;}

.contacto .form-button .button span{margin-top:4px; text-align:center;}
/* Publicaciones Socios ========================================================================= */
#media_partners td {padding-bottom: 20px; padding-right: 5px;}
#media_partners div {height:60px; width: 140px; font-size: 14px; vertical-align: middle; text-align: center; text-decoration: underline;}



/* ======================================================================================= */
#clear-both{clear:both;}
#footer{margin:0px; padding:0px; width:60px; height:60px;}