@font-face {font-family:'Open Sans'; font-style:normal; font-weight:400; src:local('Open Sans'), local('OpenSans'), url(/ffonts/OpenSans.woff) format('woff');}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:700; src:local('Open Sans Bold'), local('OpenSans-Bold'), url(/ffonts/OpenSans-Bold.woff) format('woff');}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:300; src:local('Open Sans Light'), local('OpenSans-Light'), url(/ffonts/OpenSans-Light.woff) format('woff');}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:600; src:local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/ffonts/OpenSans-Semibold.woff) format('woff');}

body{padding:0px; margin:0px; font-family:'Open Sans', sans-serif; font-size:14px; color:#2E2D2B;}
input, button, textarea, select {font-family:'Open Sans', sans-serif; font-style:italic; font-size:15px; color:#5E5E5E;}
img {margin:0px; padding:0px; border:0px;}

a{text-decoration:none; color:#4FB9AD;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
h1{text-transform:uppercase; margin:10px 0px 10px 0px; font-size:42px; color:#4FB9AD;}
.sttl{letter-spacing:2px; text-transform:uppercase; margin:0px 0px 15px 0px;}
.fright{float:right; margin:10px 0px 10px 10px; display:block}
.fleft{float:right; margin:10px 10px 10px 0px; display:block}

.header, .container, .footer, .exfoot{width:100%; margin:0px; padding:0px;}
.harea, .farea, .earea{width:100%; max-width:1170px; margin:0 auto; font-size:13px;}
.carea{width:100%; max-width:1110px; margin:0px auto; margin-bottom:0px; padding:30px 0px 30px 0px; font-size:16px;}
.cpage {display:block; padding:0px 30px 0px 30px; margin:0px;}

.header{min-height:91px; background:#FFF;}
.header .social{width:50px; height:150px; position:fixed; right:0px;  z-index:20; top:239px;}
.header .social a{width:50px; height:50px; display:block; float:left;}
.header .social .fb{background:url(/images/template/sm-fb.png) no-repeat;}
.header .social .fb:hover{background:url(/images/template/sm-fb-h.png) no-repeat;}
.header .social .tw{background:url(/images/template/sm-tw.png) no-repeat;}
.header .social .tw:hover{background:url(/images/template/sm-tw-h.png) no-repeat;}
.header .social .gp{background:url(/images/template/sm-gp.png) no-repeat;}
.header .social .gp:hover{background:url(/images/template/sm-gp-h.png) no-repeat;}
.header .harea{height:90px; border-bottom:1px solid #000;}
.header .harea .logo img{float:left; display:block; margin:14px 0px 0px 0px; width:352px; height:62px; border:0px;}

#menuc{float:right; clear:right; margin:30px 8px 0px 0px; padding:0px;}
.menucompact {color:#4FB9AD; font-weight:bold; font-size:18px; text-transform:uppercase; line-height:29px; cursor:pointer; opacity:0.8; float:right; background:url(/images/template/menu-button.png) 100% 50% no-repeat; padding:0 45px 0 0; margin:0px 10px 0 10px;}
.menucompact:hover {opacity:1;}

.header .harea .menu{height:auto; float:right; margin:0px 0px 0px 0px; display:block;}
.header .harea .menu ul{z-index:11000; margin:0px; padding:0px; list-style:none;}
.header .harea .menu ul li{float:left; position:relative;}
.header .harea .menu ul li a{text-transform:uppercase; display:block; padding:5px 9px 5px 9px; font-weight:600; font-size:15px; color:#000;}
.header .harea .menu ul li a:hover{text-decoration:none; color:#4FB9AD; }

* html .menu ul li a{display:inline-block;}
* html .menu{height:1%;}
.downarrowclass{position:absolute; top:12px; right:7px;}
.rightarrowclass{position:absolute; top:6px; right:5px;}
.ddshadow{position:absolute; left:0; top:0; width:0; height:0; background:transparent;}
.toplevelshadow{opacity:0.8;}

.header .harea .menu ul li ul{position:absolute; z-index:21000; left:0px; padding:31px 0px 0px 0px !important; display:none; margin:0px 0px 0px 0px !important;}
.header .harea .menu ul li ul li{display:list-item; float:none; margin:0px !important; padding:0px; height:inherit!important;}
.header .harea .menu ul li ul li a{display:block; text-transform:none !important; width:193px; padding:10px 15px 10px 15px !important; margin:0px!important; background:#F2F2F2;}
.header .harea .menu ul li ul li a:hover {color:#4FB9AD;}
.header .harea .menu ul li ul a.selected{text-decoration:none; color:#4FB9AD;}

.header .harea .menu ul li ul li ul{position:absolute; z-index:31000; left:0px; padding:0px !important; margin:0px 0px 0px 4px!important; display:none; width:173px;}

.header .harea .phonetop {background:url(/images/template/cllph.png) left 50% no-repeat; float:right; line-height:29px; padding:0 0 0 17px; margin:0px 10px 0 10px; font-size:18px; font-weight:700; color:#4FB9AD;}

.irimg {float:right; padding:0px 0px 25px 15px;}
           
.footer{background:#ebebeb;}
.footer .farea{padding-top:20px;}

.fcols{display:block; padding:0px; margin:0px; position:relative; font-size:15px; color:#5E5E5E;}
.footer .farea .fcols a{color:#4FB9AD;}
.footer .farea .col1{position:absolute; z-index:10; top:0px; left:0px; width:370px;}
.footer .farea .col2{display:block; padding:0px; margin:2px 0px 0px 410px; position:relative; }

.footer .farea .fcols .tlbox{display:block; padding:0px 20px 15px 20px; margin:0px;}
.footer .farea .fcols .ttl{display:block; margin:0px 0px 18px 0px; padding:0px 20px 5px 20px; border-bottom:3px solid #fff; text-transform:uppercase; font-weight:700; font-size:23px; color:#000;}
.footer .farea .fcols .phonebottom {background:url(/images/template/cllph.png) left 50% no-repeat; position:absolute; top:3px; right:23px; height:23px; line-height:23px; padding:0 0 0 17px; margin:0; font-size:23px; font-weight:700; color:#4FB9AD;}

.footer .farea .col1 .lkbox{display:block; padding:0px; margin:0px;}

.footer .farea .col2 .fform{width:50%; margin:20px 0px 0px 0px; padding:0px; float:left;}
.footer .farea .col2 .fform form{display:block; width:auto; padding:0px; margin:0px 30px 0px 0px;}
.footer .farea .col2 .fform input{display:block; width:100%; margin:0px 0px 15px 0px; height:36px; padding:0px 15px 0px 15px; border:1px solid #e2e2e2; background:#FFF;}
.footer .farea .col2 .fform textarea{display:block; width:100%; margin:0px 0px 15px 0px; height:115px; padding:7px 15px 7px 15px; border:1px solid #e2e2e2; background:#FFF;}
.footer .farea .col2 .security{display:block; width:auto; margin:0px -30px 0px 0px; padding:0px;}
.footer .farea .col2 .security span {float:right; line-height:38px;}
.footer .farea .col2 .security span b{text-decoration:underline; color:#4FB9AD;}
.footer .farea .col2 .security .code{float:right; width:60px; margin:0px 10px 0px 10px;}
.footer .farea .col2 .security .submit{float:right; width:70px; height:38px; color:#fff; background:#4FB9AD; border:0; text-transform:uppercase; font-style:normal; font-weight:700;}

.footer .farea .col2 .fmap{width:46%; height:273px; margin:20px 0px 0px 0px; float:right;}

.footer .farea .flinks{width:auto; text-align:center; margin:40px 0px 10px 0px; padding-top:10px; border-top:1px solid #ccc; letter-spacing:1.5px;}
.footer .farea .flinks a{text-transform:uppercase; margin:0px 10px; text-decoration:none; color:#2a2927;}
.footer .farea .flinks a:hover {color:#4FB9AD;}

.footer .exfoot{padding:20px 0px 20px 0px; background:#4FB9AD;}
.footer .exfoot .earea{color:#fff; text-transform:uppercase;}
.footer .exfoot .wfy {font-size:12px; color:#2a2927; display:block; float:right; padding:0px 0px 0px 5px; margin:0px;}
.footer .exfoot .wfy a{color:#2a2927; padding:0px; margin:0px; text-decoration:none;}
.footer .exfoot .wfy a:hover{text-decoration:underline;}

/* - 940 - */
.res940 .header .harea .logo img{width:280px; height:49px; margin:19px 0px 0px 10px;}

.res940 .menucompact {display:none;}
.res940 .menu{display:block; margin-top:0px;}
.res940 .menu ul li a{font-size:14px!important;}
.res940 .header .harea .phonetop {font-size:16px; font-weight:700; color:#4FB9AD;}

.res940 .footer .farea .col2 .security .code{width:30px;}
.res940 .footer .farea .col2 .security .submit{width:60px;}

.res940 .footer .farea .flinks{margin:40px 10px 10px 10px;}
.res940 .footer .earea{display:block; width:auto; max-width:none; margin:0px 10px 0px 10px!important;}


/* - 720 - */
.res720 .header .harea .logo img{margin-left:10px;}
.res720 .menucompact {display:block;}
.res720 .menu{display:none;}

.res720 .header .harea .menu ul{position:absolute; right:18px; top:81px; padding:10px 0px;}
.res720 .header .harea .menu ul li{width:193px; float:none; display:block;}
.res720 .header .harea .menu ul li a{color:#fff; text-transform:none!important; padding:10px 12px; display:block; font-size:16px; font-weight:normal; color:#000; background:#F2F2F2;}
.res720 .header .harea .menu ul li a:hover{color:#4FB9AD; text-decoration:none;}
.res720 .header .harea .menu ul li ul{display:none !important;}
.res720 .header .harea .menu ul li ul li ul{display:none !important;}

.res720 .footer .farea .col1{position:inherit; width:auto; padding:0px 10px 0px 10px; display:block; clear:both; margin:0px;}
.res720 .footer .farea .col2{width:auto; clear:both; padding:0px 10px 0px 10px; margin:30px 0px 0px 0px;}

.res720 .footer .farea .col1 .tlbox {display:block; margin:2px 309px 0px 0px; min-height:190px;}
.res720 .footer .farea .col1 .lkbox {position:absolute; top:55px; right:10px; width:299px;}

.res720 .footer .farea .flinks{margin:40px 10px 10px 10px; font-size:13px;}
.res720 .footer .earea{display:block; width:auto; max-width:none; margin:0px 10px 0px 10px!important;}

/* - 480 - */
.res480 .header{height:auto; width:100%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;}

.res480 .header .harea{position:relative; height:auto; border-bottom:0px solid #000 !important;}
.res480 .header .harea .social{position:absolute; left:11px; top:69px; width:150px; height:50px; z-index:10;}
.res480 .header .harea .logo img{width:227px; height:40px; margin:14px 0px 14px 10px;}

.res480 #menuc{display:block; height:auto; min-height:50px; float:none!important; width:auto; clear:both!important; margin:15px 10px 15px 10px; padding:0px; position:relative; border:solid 1px #CCC;}
.res480 .menucompact {display:block; position:absolute; top:13px; right:10px;}
.res480 .harea .phonetop {position:absolute; right:0px; top:-49px;}

.res480 .menu{display:none; width:100%; margin:0px 0px 0px 0px!important; padding:0px;}
.res480 .menu ul {position:static; float:left!important; clear:both; display:block; width:100%; margin:50px 0px 0px 0px!important;}
.res480 .menu ul li{display:list-item; float:none; margin:0px; padding:0px; width:100%;}
.res480 .menu ul li a {color:#F5F5F5!important; background:#4FB9AD; border-bottom:1px solid #F5F5F5; display:block; width:auto; margin:0px!important; padding:11px 17px 11px 17px !important; cursor:pointer; text-align:center; /*font-family:'Myriad Pro'; font-style:normal; font-weight:normal;*/ font-size:22px;}
.res480 .menu ul li a:hover{color:#4FB9AD!important; background:#F5F5F5; text-decoration:none; border-bottom:1px solid #F5F5F5; display:block; width:auto; margin:0px!important; padding:11px 17px 11px 17px !important; cursor:pointer;}
.res480 .menu ul li a.selected{color:#4FB9AD!important; background:#F5F5F5; text-decoration:none; border-bottom:1px solid #F5F5F5; display:block; width:auto; margin:0px!important; padding:11px 17px 11px 17px !important; cursor:pointer;}

.res480 .menu ul li ul {display:none !important;}

.res480 .carea{padding:15px 0px 15px 0px; font-size:16px;}
.res480 h1 {font-size:32px; margin:0px 0px 10px 0px;}
.res480 .irimg {width:120px;}

.res480 .footer .farea .col1{position:inherit; width:auto; padding:0px 10px 0px 10px; display:block; clear:both; margin:0px;}
.res480 .footer .farea .col2{width:auto; clear:both; padding:0px 10px 0px 10px; margin:30px 0px 0px 0px;}

.res480 .footer .farea .col1 .lkbox{padding:0px 20px 15px 20px; margin:0px;}
.res480 .footer .farea .col2 .lkbox{padding:0px 20px 15px 20px; margin:0px;}
.res480 .footer .farea .col2 .fform{width:100%; float:none; display:block;}

.res480 .footer .farea .col2 .fmap{width:100%; float:none; display:block;}

.res480 .footer .farea .flinks{margin:40px 10px 10px 10px; font-size:13px;}

.res480 .footer .earea{display:block; width:auto; max-width:none; margin:0px 0px 0px 0px!important; text-align:center;}
.res480 .footer .exfoot .wfy {width:100%; float:none; display:block; margin:8px 0px 0px 0px; padding:0px;}

/* - 320 - */
.res320 .header{height:auto; width:100%; float:left; margin:0px 0px 0px 0px; padding:0px 0px 3px 0px;}

.res320 .header .harea{position:relative; height:auto; border-bottom:0px solid #000 !important;}
.res320 .header .harea .social{position:absolute; left:11px; top:55px; width:150px; height:50px; z-index:10;}
.res320 .header .harea .logo img{width:150px; height:26px; margin:14px 0px 14px 10px;}

.res320 #menuc{display:block; height:auto; min-height:50px; float:none!important; width:auto; clear:both!important; margin:15px 10px 15px 10px; padding:0px; position:relative; border:solid 1px #CCC;}
.res320 .menucompact {display:block; position:absolute; top:13px; right:10px;}
.res320 .harea .phonetop {position:absolute; right:-10px; top:-43px; font-size:15px;}

.res320 .menu{display:none; width:100%; margin:0px 0px 0px 0px!important; padding:0px;}
.res320 .menu ul {position:static; float:left!important; clear:both; display:block; width:100%; margin:50px 0px 0px 0px!important;}
.res320 .menu ul li{display:list-item; float:none; margin:0px; padding:0px; width:100%;}
.res320 .menu ul li a {color:#F5F5F5!important; background:#4FB9AD; border-bottom:1px solid #F5F5F5; display:block; width:auto; margin:0px!important; padding:11px 17px 11px 17px !important; cursor:pointer; text-align:center; /*font-family:'Myriad Pro'; font-style:normal; font-weight:normal;*/ font-size:22px;}
.res320 .menu ul li a:hover{color:#4FB9AD!important; background:#F5F5F5; text-decoration:none; border-bottom:1px solid #F5F5F5; display:block; width:auto; margin:0px!important; padding:11px 17px 11px 17px !important; cursor:pointer;}
.res320 .menu ul li a.selected{color:#4FB9AD!important; background:#F5F5F5; text-decoration:none; border-bottom:1px solid #F5F5F5; display:block; width:auto; margin:0px!important; padding:11px 17px 11px 17px !important; cursor:pointer;}

.res320 .menu ul li ul {display:none !important;}

.res320 .carea{padding:15px 0px 15px 0px; font-size:16px;}
.res320 h1 {font-size:20px; margin:0px 0px 10px 0px;}
.res320 .irimg {width:100px!important;}

.res320 .footer .farea .col1{position:inherit; width:auto; padding:0px 10px 0px 10px; display:block; clear:both; margin:0px;}
.res320 .footer .farea .col2{width:auto; clear:both; padding:0px 10px 0px 10px; margin:30px 0px 0px 0px;}

.res320 .footer .farea .col1 .lkbox{padding:0px 20px 15px 20px; margin:0px;}
.res320 .footer .farea .col2 .lkbox{padding:0px 20px 15px 20px; margin:0px;}
.res320 .footer .farea .col2 .fform{width:100%; float:none; display:block;}

.res320 .footer .farea .fcols .ttl{font-size:18px; color:#000; padding:0px 5px 5px 5px;}
.res320 .footer .farea .fcols .phonebottom {top:0px; right:15px;  line-height:23px; font-size:16px;}

.res320 .footer .farea .col2 .fmap{width:100%; float:none; display:block;}
.res320 .footer .farea .col2 .security .code{width:45px; padding:0px 10px 0px 10px;}

.res320 .footer .farea .flinks{margin:40px 10px 10px 10px; font-size:13px;}

.res320 .footer .earea{display:block; width:auto; max-width:none; margin:0px 0px 0px 0px!important; text-align:center; font-size:12px;}
.res320 .footer .exfoot .wfy {width:100%; float:none; display:block; margin:8px 0px 0px 0px; padding:0px;  font-size:12px;}

/* - Base - Retaurar cambios que no funcionan de modo automatico */
.resBase {}
.resBase .menucompact {display:none;}
.resBase .menu{display:block;}