@charset "utf-8";
/* CSS Document */
@import url('reset.css');
body { font-family:"VAGRoundedStd", Tahoma, Geneva, sans-serif; font-size:14px; color:#1d282d;}
.bghome {background:url(../images/background.jpg) repeat-x left top #FFF;}
.bgint {background:url(../images/background-int.jpg) repeat-x left top #FFF;}

/* fuentes */
@font-face {
    font-family: 'SommetBlack';
    src: url('../resources/fuentes/sommetroundedblack-webfont.eot');
    src: url('../resources/fuentes/sommetroundedblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fuentes/sommetroundedblack-webfont.woff') format('woff'),
         url('../resources/fuentes/sommetroundedblack-webfont.ttf') format('truetype'),
         url('../resources/fuentes/sommetroundedblack-webfont.svg#sommet_rounded_blackblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SommetBold';
    src: url('../resources/fuentes/sommetroundedbold-webfont.eot');
    src: url('../resources/fuentes/sommetroundedbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fuentes/sommetroundedbold-webfont.woff') format('woff'),
         url('../resources/fuentes/sommetroundedbold-webfont.ttf') format('truetype'),
         url('../resources/fuentes/sommetroundedbold-webfont.svg#sommet_rounded_bold666_wt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAGRoundedStd';
    src: url('../resources/fuentes/VAGRoundedStd-Light.eot');
    src: url('../resources/fuentes/VAGRoundedStd-Light.eot?#iefix') format('embedded-opentype'),
         url('../resources/fuentes/VAGRoundedStd-Light.woff') format('woff'),
         url('../resources/fuentes/VAGRoundedStd-Light.ttf') format('truetype'),
         url('../resources/fuentes/VAGRoundedStd-Light.svg#VAGRoundedStd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Varela';
    src: url('../resources/fuentes/varelaround-regular-webfont.eot');
    src: url('../resources/fuentes/varelaround-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../resources/fuentes/varelaround-regular-webfont.woff') format('woff'),
         url('../resources/fuentes/varelaround-regular-webfont.ttf') format('truetype'),
         url('../resources/fuentes/varelaround-regular-webfont.svg#varela_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.carnaval{ width:940px; margin:auto; background:url(../images/carnaval.jpg); height:465px; margin-bottom:35px; }

/* Anchors
---------------------------------------------------*/
h1 { font-family:'SommetBold'; color:#003f5e; font-size:22px; text-transform:uppercase; font-weight:normal; margin:0 0 10px 0;}
h2 {font-family:"Varela"; font-size:48px; font-weight:normal; margin:0 0 10px 0; line-height: 50px; color:#003f5e; display:block; border-bottom:solid 1px #fbb161;}
h3 {font-family:"Varela"; font-size:24px; font-weight:normal; margin:0 0 10px 0; color:#003f5e; display:block;}
p {margin:0 0 15px 0; line-height:22px; margin:0 0 15px 0;}
a:focus { outline:none;}
a{ text-decoration:none;}
a:hover { }
hr { height:2px; background:url(../images/dot.jpg) repeat-x left top; display:block; border:none; width:100%; margin:15px 0 23px 0;}

/* Wrapper
---------------------------------------------------*/
#wrapper {}
#wrapper-main { width:960px; margin:0 auto;}
#header { position:relative; height:158px;}
#logo { height:204px; width:302px; float:left; position:absolute; top:0; left:0; z-index:200;}
#logo a {height:204px; width:302px; display:block; background:url(../images/logo.png) no-repeat left top; text-indent:-99999px; }
#llama { float:right; padding:15px; background-color:#003f5e; color:#fbb161; font-family:"Varela";
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}
#llama span {color:#FFF; font-size:24px;}

#banner { padding:10px; background-color:#FFF; width:940px; height:465px; margin-top:10px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#banner-int { margin-top:10px;}

#menu { position:absolute; right:0; bottom:-6px;}
#menu ul {}
#menu ul li { float:left; font-size:16px; font-family:'SommetBold'; margin: 0 3px;}
#menu ul li a {color:#FFF; display:block; padding:15px 20px 17px 20px; text-transform:uppercase; }
#menu ul li:hover a, #menu ul li.current a {color:#003f5e; background-color:#fbb161;
border-top-left-radius:10px;
border-top-right-radius:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

#content.home { margin:60px 0 0 0;}
#content.interior { margin:60px 0 0 0;}
#asi { margin:0 0 30px 0;}

#bottom { margin:0 0 10px 0;}
.col1, .col2, .col3 { float:left;}
.col1 { width:550px;}
.col2 { width:100px; margin:0 105px;}
.col3 { width:200px; margin-left:160px;}

ul.list { display:block;}
ul.list li { text-transform:uppercase; margin:0 0 7px 0; font-size:15px;}
ul.list li a {color:#003f5e; text-decoration:none; display:block;}

#col-left, #col-right { float:left;}
#col-left { width:270px; margin:0 30px 60px 0;}
#col-right { width:660px; margin-bottom:60px;}

.sucu { display:block; margin:0 0 15px 0; padding:0 0 20px 0;  border-bottom:solid 1px #fbb161;}
.datos { float:left; width:300px;}
iframe { float:right; width:350px; height:180px; padding:5px; background-color:#fbb161;}

/* Footer
---------------------------------------------------*/
#footer { display:block;}
.cont { width:960px; margin:0 auto; color:#1d282d; padding:10px 0 10px 0;}
.bggris { background-color:#bcc1c4;}

/* CLEARING
---------------------------------------------------*/
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}

.dropstudio{ color:#000; font-weight:bold; display:block; float:right; }
.dropstudio:hover{ text-decoration:none; }