
/* ******************************************************************** */ 
/*                               GENERICOS                              */
/* ******************************************************************** */
body{ margin:0; padding:0; } 
#pagewidth{ width:980px; margin:0 auto !important; } 


/* ******************************************************************** */ 
/*                               HEADER                                 */
/* ******************************************************************** */
 #header {width:980px;display:block; float:left; margin:10px 0px 0px 0px; padding:0px; } 
.logo_home {height:300px; width:600px;display:block; float:left; margin:0px 0px 0px 190px; padding:0px; } 
.logo_int {height:95px; width:800px;display:block; float:left; margin:0px 0px 0px 90px; padding:0px; } 


/* ******************************************************************** */ 
/*                              MAINCOL                                 */
/* ******************************************************************** */
#maincol{width:980px;display:block; margin:0px; padding:0px; float:left;}
#maincol_int{width:800px;display:block; margin:0px; padding:0px 0px 0px 90px; float:left;}
#maincol_int .left{width:198px;display:block; margin:30px 0px 0px 0px; padding:0px; float:left;}
#maincol_int .right{width:602px;display:block; margin:30px 0px 0px 0px; padding:0px; float:left;}
#maincol_int .right h1{/*width:602px;*/display:block; margin:0px; padding:0px 0px 15px 40px; float:left; background-image:url(../images/arrow_int.png); background-repeat:no-repeat; background-position:left 0px; line-height:34px; font-size:24px; color:#0082a1; font-family:'Folks-LightRegular'; text-transform:uppercase;}

/* -------------------------- Párrafo - Col1 -------------------------- */
#maincol_int .right .col1{width:602px;display:block; margin:0px 0px 25px 0px; padding:0px; float:left; }
#maincol_int .right .col1 p{display:block; margin:0px 0px 10px 0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:18px; clear:both; text-align:justify;}
#maincol_int .right .col1 img{display:block; margin:10px 0 0 0; padding:0px; float:left; clear:both;}
#maincol_int .right h2{display:block; margin:0px; padding:0px 0px 0px 10px; float:left;font-family:Arial; font-size:11px; color:#fff; line-height:20px; clear:both; text-align:left; text-transform:uppercase; height:20px;}
#maincol_int .right .col1 h3{display:block; margin:0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#666; line-height:14px; clear:both; font-weight:normal; text-transform:uppercase;}
#maincol_int .right .col1 h3 a{display:block; margin:0px 0px 10px 0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#666; line-height:14px; clear:both; font-weight:normal; text-transform:uppercase; text-decoration:none;}
#maincol_int .right .col1 h3 a:hover{color:#0082A1; text-decoration:none;}

/* -------------------- Párrafo - Col2 (iguales) ----------------------- */
#maincol_int .right .col2_1{width:293px;display:block; margin:0px 16px 25px 0px; padding:0px; float:left; }
#maincol_int .right .col2_2{width:293px;display:block; margin:0px 0px 25px 0px; padding:0px; float:left; }
#maincol_int .right .col2_1 p, #maincol_int .right .col2_2 p{display:block; margin:0px 0px 10px 0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:18px; clear:both; text-align:justify;}
#maincol_int .right .col2_1 h4, #maincol_int .right .col2_2 h4{display:block; margin:0px 0px 10px 0px; padding:0px; float:left; font-family:Arial !important; font-size:16px; color:#333; line-height:18px; clear:both; text-align:left; font-weight:normal;}

/* --Párrafo - Col2 (desiguales - Izquierda (ancho)/Derecha (angosto))-- */
#maincol_int .right .col22_1{width:395px;display:block; margin:0px 15px 25px 0px; padding:0px; float:left; }
#maincol_int .right .col22_2{width:192px;display:block; margin:0px 0px 25px 0px; padding:0px; float:left; }
#maincol_int .right .col22_1 p, #maincol_int .right .col22_2 p{display:block; margin:0px 0px 10px 0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:18px; clear:both; /*text-align:justify;*/}
#maincol_int .right .col1 a{display:block; margin:10px 0px 0px 0px; padding:0px; float:left; font-family:Arial; font-size:11px; color:#0082A1; line-height:18px; clear:both; font-weight:normal; text-decoration:underline;}
#maincol_int .right .col1 a:hover{color:#666; text-decoration:none;}

/* --Párrafo - Col2 (desiguales - Izquierda (agosto)/Derecha (ancho))-- */
#maincol_int .right .col23_1{width:192px;display:block; margin:0px 15px 0px 0px; padding:0px; float:left; }
#maincol_int .right .col23_2{width:395px;display:block; margin:0px 0px 0px 0px; padding:0px; float:left; }
#maincol_int .right .col23_1 p, #maincol_int .right .col23_2 p{display:block; margin:0px 0px 3px 0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:18px; clear:both;}
#maincol_int .right .col23_1 img{display:block; margin:0px; padding:0px; clear:both; }
#maincol_int .right .col23_1 a{display:block; margin:10px 0px 0px 0px; padding:0px; float:left; font-family:Arial; font-size:11px; color:#0082A1; line-height:18px; clear:both; font-weight:normal; text-decoration:underline;}
#maincol_int .right .col23_1 a:hover{color:#666; text-decoration:none;}
#maincol_int .right .col23_1 .autor{width:192px; display:block; margin:0px; padding: 0 0 15px 0; float:left; font-family:Arial; font-size:11px; color:#999; line-height:18px; clear:both; font-weight:normal; text-decoration:none; border-bottom:solid 1px #ccc;}

#maincol_int .right .col23_2 h2{display:block; margin:0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#333; line-height:18px; clear:both; font-weight:bold; margin:0px 0px 15px 0px;}
#maincol_int .right .col23_2 h3{display:block; margin:0px; padding:0px; float:left; font-family:Arial; font-size:13px; color:#999; line-height:18px; clear:both; font-weight:normal; text-transform:uppercase;}
#maincol_int .right .col23_2 img{display:block; margin:0px 0px 10px 0px; padding:0px; float:left; }
#maincol_int .right .col23_2 h3 a{display:block; margin:0px; padding:0px; float:left; font-family:Arial; font-size:13px; color:#999; line-height:18px; clear:both; font-weight:normal; text-transform:uppercase; text-decoration:none;}
#maincol_int .right .col23_2 h3 a:hover{color:#0082A1; text-decoration:none;}
#maincol_int .right .col24{width:602px;display:block; margin:0px 0px 15px 0px; padding:5px 0px; float:left; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
.tit{display:block; margin:0px 0px 0px 0px; padding:10px 0px 10px 10px; float:left; font-family:Arial; font-size:13px; color:#666; line-height:20px;  font-weight:normal; text-transform:uppercase; width:540px;}
.number{display:block; margin:0px; padding:10px 0px; float:left; font-family:Arial; font-size:20px; color:#0082A1; line-height:20px;  font-weight:bold; text-transform:uppercase; width:52px;}
.space1 {display:block; margin:0px; padding:0px; float:left; width:602px; height:15px;}
.space2 {display:block; margin:0px 0px 20px 0px; padding:0px; float:left; width:602px; height:20px; border-bottom:solid 1px #ccc;}
.space3 {display:block; margin:0px; padding:0px; float:left; width:602px; height:15px; }
.block1 {display:block; margin:0px 0px 10px 0px; padding:10px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:18px; clear:both; /*background-color:#eee;*/background-color:#e9f4f8;}
.block2 {display:block; margin:0px 0px 10px 0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:18px; clear:both; font-weight:bold;}
.block3 {display:block; margin:10px 0px 0px 0px; padding:0px; float:left; font-family:Arial; font-size:11px; color:#555; line-height:14px; clear:both; font-weight:normal;}
.block4 {display:block; margin:10px 0px; padding:5px 0px; float:left; font-family:Arial; font-size:14px; color:#555; line-height:18px; clear:both; font-weight:normal; text-transform:uppercase; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; width:395px;}
.block5 {display:block; margin:0px 0px 10px 0px; padding:20px 10px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:16px; clear:both; /*background-color:#eee;*//*background-color:#e9f4f8;*/}
.block5 strong{margin:0px 0px 10px 0px; display:block; clear:both; color:#006e8b;}
.block6 {display:block; margin:10px 0px; padding:5px 0px; float:left; font-family:Arial; font-size:14px; color:#0082A1; line-height:18px; clear:both; font-weight:normal; text-transform:uppercase; border-bottom:solid 1px #0082A1; border-top:solid 1px #0082A1; width:395px;}


/* -------------------------- Párrafo - Col3 -------------------------- */
#maincol_int .right .col3_1{width:191px;display:block; margin:0px 14px 25px 0px; padding:0px; float:left;}
#maincol_int .right .col3_2{width:191px;display:block; margin:0px 0px 25px 0px; padding:0px; float:left;}
#maincol_int .right .col3_1 .ico{width:55px;display:block; margin:0px 10px 11px 0px; padding:0px; float:left;}
#maincol_int .right .col3_1 .text{width:124px;display:block; margin:0px; padding:0px; float:left; }
#maincol_int .right .col3_1 .text p{display:block; margin:0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:13px; clear:both; text-align:left;}
#maincol_int .right .col3_1 h2, #maincol_int .right .col3_2 h2{width:181px;display:block; margin:0px 0px 15px 0px; padding:0px 0px 0px 10px; float:left;font-family:Arial; font-size:11px; color:#fff; line-height:20px; clear:both; text-align:left; background-color:#0082A1; text-transform:uppercase;}
#maincol_int .right .col3_1 p, #maincol_int .right .col3_2 p{display:block; margin:0px 0px 10px 0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#555; line-height:18px; clear:both; text-align:left;}


/* -------------------------- Sumario - Home -------------------------- */
.sumario{width:300px;display:block; float:left; margin:18px 0px 10px 380px; padding:0px; } 
.sumario ul{display:block; float:left; margin:0px; padding:0px; } 
.sumario ul li{display:block; float:left; clear:both; margin:0px 0px 4px 0px; padding:0px; }
.sumario ul li a{ font-family:'FolksRegular'; color:#777; font-size:18px; text-decoration:none; background-image:url(../images/sumary_arrow.png); background-repeat:no-repeat; background-position:left 3px; padding:0px 0px 0px 15px;}
.sumario ul li a:hover{ color:#0082a1; text-decoration:none;}

/* -------------------------- Sumario - Int --------------------------- */
.sumario2{width:195px;display:block; float:left; margin:0px; padding:0px; } 
.sumario2 ul{display:block; float:left; margin:0px; padding:0px; } 
.sumario2 ul li{display:block; float:left; clear:both; margin:0px 0px 4px 0px; padding:0px; }
.sumario2 ul li a{ font-family:'FolksRegular'; color:#777; font-size:13px; text-decoration:none; background-image:url(../images/sumary_arrow.png); background-repeat:no-repeat; background-position:left 3px; padding:0px 0px 0px 15px;}
.sumario2 ul li a:hover{ color:#0082a1; text-decoration:none;}


/* ******************************************************************** */ 
/*                               FOOTER                                 */
/* ******************************************************************** */ 
#footer{ height:35px; width:980px; margin:0px; padding:0px; float:left; clear:both;display:block; }
.logo_footer {height:35px; width:112px;display:block; float:right; margin:0px 90px 0px 0px; padding:0px; }
.zk_studio {height:34px; width:48px;display:block; float:right; margin:0px 50px 0px 0px; padding:0px; }


/* ******************************************************************** */ 
/*                               FONTS                                  */
/* ******************************************************************** */  
@font-face {font-family: 'FolksRegular'; src: url('../fonts/folks-normal-webfont.eot'); src: url('../fonts/folks-normal-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/folks-normal-webfont.woff') format('woff'), url('../fonts/folks-normal-webfont.ttf') format('truetype'),  url('../fonts/folks-normal-webfont.svg#FolksRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Folks-LightRegular'; src: url('../fonts/folks-light-webfont.eot'); src: url('../fonts/folks-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/folks-light-webfont.woff') format('woff'), url('../fonts/folks-light-webfont.ttf') format('truetype'), url('../fonts/folks-light-webfont.svg#Folks-LightRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Folks-HeavyRegular'; src: url('../fonts/folks-heavy-webfont.eot'); src: url('../fonts/folks-heavy-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/folks-heavy-webfont.woff') format('woff'), url('../fonts/folks-heavy-webfont.ttf') format('truetype'), url('../fonts/folks-heavy-webfont.svg#Folks-HeavyRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Folks-BoldFolks-Bold'; src: url('../fonts/folks-bold-webfont.eot'); src: url('../fonts/folks-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/folks-bold-webfont.woff') format('woff'), url('../fonts/folks-bold-webfont.ttf') format('truetype'), url('../fonts/folks-bold-webfont.svg#Folks-BoldFolks-Bold') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'FolksShadesRegular'; src: url('../fonts/folksshades-webfont.eot'); src: url('../fonts/folksshades-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/folksshades-webfont.woff') format('woff'), url('../fonts/folksshades-webfont.ttf') format('truetype'),  url('../fonts/folksshades-webfont.svg#FolksShadesRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'FolksXXHeavy'; src: url('../fonts/folksxxheavy-webfont.eot'); src: url('../fonts/folksxxheavy-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/folksxxheavy-webfont.woff') format('woff'),  url('../fonts/folksxxheavy-webfont.ttf') format('truetype'),  url('../fonts/folksxxheavy-webfont.svg#FolksXXHeavy') format('svg'); font-weight: normal; font-style: normal;}
