/* CSS RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, button{margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;}:focus {outline: 0;}body {line-height: 1;color: black;background: white;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}strong {font-weight:bold;}.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height: 1%;}.clearfix {display: block;}.clear {clear: both;}br {height: 1px;}

/* BODY */
body, form input{font-family:Oswald, Arial; line-height:1; font-size:12px; color:#444; background-color:#FFF;}

body.home {}

body{background:#FFF url("../images/bodyBack.png") repeat-x top;}

/* Micro Estilos (influenced by matiasvelillamdq@gmail.com) */

.fte{font-size:12px; line-height:14px} .fte1{font-size:14px; line-height:20px;} .fte2{font-size:18px; line-height:20px;}

.lihe2{line-height:20px !important} .lihe3{line-height:26px !important}

.fowe_bo{font-weight:bold !important}

.co1{color:#FFF !important}
.co2{color:#666 !important}
.co3{color:#444 !important}
.co4{color:#000 !important}
.co5{color:#00894C !important}
.co6{color:#024570 !important}

.teta_up{text-transform:uppercase !important}
.teal_ce{text-align:center;} .teal_le{text-align:left}

.wi100{width:100% !important}

.fl_le{float:left}
.fl_ri{float:right}

.mato{margin-top:10px;}.mabo{margin-bottom:10px;}.mabo2{margin-bottom:20px;}.mari2{margin-right:20px;}.mari_no{margin-right:0 !important}.mabo_no{margin-bottom:0 !important}
.pa{padding:5px} .pa2{padding:10px} .pa_no{padding:0 !important}.pale{padding-left:10px}.pari{padding-right:10px;}

po_re{position:relative !important}

.di_bl{display:block}
.cl_bo{clear:both}

.bora{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.bora2{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.bosh{-moz-box-shadow:0 1px 2px #333; box-shadow:0 1px 2px #333; -webkit-box-shadow:0 1px 2px #333;}

.baco1{background-color:#FFF !important}
.baco2{background-color:#E4E6E7 !important}
.ba_no{background:none !important}


/* HEADINGS */
h1, h1 a {font-size:24px; line-height:24px; margin: 0px 0px 10px 0px;}
h2 , h2 a {font-size:18px; line-height:24px; margin: 0px 0px 8px 0px;}
h3 , h3 a {font-size:14px; line-height:18px; margin: 0px 0px 8px 0px;}
h4 , h4 a {font-size:12px; line-height:18px; margin: 0px 0px 8px 0px;}

/* PARAGRAPH TEXT */
p.larg {font-family:Helvetica, Arial; font-size:17px; line-height:20px; margin: 0px 0px 10px 0px;}
p {font-family:Helvetica, Arial; font-size:14px; line-height:20px; margin-bottom:20px;}
p.small {font-family:Helvetica, Arial; font-size:11px; line-height:13px; margin: 0px 0px 10px 0px;}
.spacer {margin: 0px; padding: 0px;}

/* LIST ITEMS */
ul {color:#ffffff; font-size:12px; margin: 0px 0px 15px 15px; list-style:disc; }
li {margin: 10px 0px 0px 0px; color:#FFFFFF;}

/* LINKS */
a{color:#444; text-decoration:none;}
a:hover{text-decoration:none;}

/* TWEET-LIKE */
#tweet-like {position: relative; margin:10px 0 0px 0; text-align: center;}

/* CONTENT */
.social_box{list-style:none; position:relative; margin:10px auto !important}
.social_box li{margin:0px 0px 1px 0px !important; padding:15px; background-color:#CFE5F0}

.social_box li:first-child{border-top:1px solid #FFF; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px;}
.social_box li:last-child{border-bottom:1px solid #FFF; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px;}

.social_box li a{display:block; padding-left:30px; text-decoration:none; font-size:14px;}
.social_box .icon{background-repeat: no-repeat; background-position:top left; height:16px; line-height:16px;}
.social_box .fb{background-image:url(../images/fbIcon.png)}
.social_box .tw{background-image:url(../images/twIcon.png)}
.social_box .li{background-image:url(../images/liIcon.png)}
.social_box .go{background-image:url(../images/gIcon.png)}

.box_photo_and_text { background-color:#153A64; padding:4px;}
.box_photo_and_text h2 {margin-top:4px; margin-left:2px;}
.box_photo_and_text p {margin:3px 2px 4px 2px;}

.rounded_corners  {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px;  -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; border-bottom-left-radius:5px;  border-bottom-right-radius:5px; }

.note {color:#FFFF00; font-size:14px; }

/* CONTACT FORM */
.input_field{background-color:#F2F2F2; border:1px solid #D2D2D2; padding:5px 8px; width:100%; height:24px; color:#333; line-height:18px; font-size:14px; margin:8px 0px; -moz-box-shadow:inset 0 5px 5px #DDD; box-shadow:inset 0 5px 5px #DDD; -webkit-box-shadow:inset 0 5px 5px #DDD; width:95%}
.text_box {background-color:#313131; border:none; border-top:1px solid #646464; margin-bottom:10px; width:100%; height:150px; color:#a2a2a2; padding-left:5px; line-height:18px; font-size:14px;}
form p {margin: 0px 0px 3px 0px;}
form p.strong {font-weight: bold;}

/* IMAGES */
.max-width {width: 100%}
.thumb_border {border-top:#595959 1px solid; border-bottom:#a3a3a3 1px solid;}
.featured_img {width: 99%; border:#333 4px solid;}

/* NAV TYPE II */
ul.vertical-nav-ii {margin:0px !important; list-style: none; font-family:inherit;}
ul.vertical-nav-ii li{border-bottom:1px solid #00894C; border-top:0px; position:relative; height:35px; margin: 0px; background: url(../images/navBack.png) repeat-x !important;}

ul.vertical-nav-ii li:first-child{border-top:1px solid #00894C !important;}

ul.vertical-nav-ii li a {padding:10px 0 10px 10px !important; display: block; font-weight:bold; font-size:16px; text-transform:uppercase; color:#00894C !important}

/* SUBNAV */
ul.vertical-subnav {margin: 10px 10px 5px 10px; list-style: none;}
ul.vertical-subnav li {margin: 0px 0px 5px 0px; height: 44px; position: relative; width: 100%; -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; background: url(../images/vertical-nav-back.png) repeat-x;}
ul.vertical-subnav li a {display: block; padding: 15px 0px 15px 50px; font-size: 14px; font-weight: bold; color: #EEEEEE;}
ul.vertical-subnav li .arrow-aligned-left {background: url(../images/menu_b_r.gif) no-repeat transparent 10px 50%;}

/* HORIZONTAL NAV */
div.horizontal-nav {margin: 0px 0px 0px 0px; padding: 10px 0 10px 0; width: 100%; text-align: center; clear: left;}
div.horizontal-nav a {display: inline; background: none; border: none; padding: 10px;}

/* EXCLUSIVE BUTTONS */
div.exclusive-nav { margin: 20px 0px 10px 0px; padding: 20px 0 20px 0; width: 100%; text-align: center; clear: left; font-size:14px; font-weight:bold; border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a; }
div.exclusive-nav a {display: inline; border: none; padding: 9px 10px 10px 45px; margin-right:10px; color:#c6c6c2;}

a.exclusive_01 {background:url(../images/exclusive_01.png) no-repeat; }
a.exclusive_02 {background:url(../images/exclusive_02.png) no-repeat; }


/* TITLE */
#title-bar{margin-bottom:10px; padding:10px; position:relative; background:#026ea9}
#title-bar a{text-decoration:none;} #title-bar a:hover{text-decoration:none;}
#title-bar h2{text-transform: capitalize;}

/* GALLERY - MENU */
div.gallery-i {margin: 10px 0px 10px 0px;}
div.gallery-i img {width: 30%; margin: 0px 1% 2% 1%; border-bottom: 1px solid #A3A3A3; border-top: 1px solid #595959;}

div.gallery-ii {float: left; clear: both; display: block; width: 100%;}
div.gallery-ii .img1 {float: left; width: 45%;  margin: 0 0 10px 0;}
div.gallery-ii .img1 img {margin: 0 0 5px 0; width: 100%}
div.gallery-ii .img2 {float: right; width: 45%;  margin: 0 0 10px 0;}
div.gallery-ii .img2 img {margin: 0 0 5px 0; width: 100%}

ul.menu {list-style: none;}
ul.menu li {font-size: 15px; line-height: 18px;}
ul.menu li strong {float: right; font-family: Arial, Helvetica, sans-serif; font-style: italic; margin: 0px 20px 0px 0px;}

div.prev-next-nav {position: relative; display: block; min-height: 5px;}
div.prev-next-nav .prev {float: left;}
div.prev-next-nav .next {float: right;}

/* NEWS SECTION */
div.catalog-item {position: relative; display: block; clear: both; margin: 0px 0px 0px 0px;}
div.catalog-item div {float: left;}
div.catalog-item div.img {width: 30%;}
div.catalog-item div.img img {width: 100%;}
div.catalog-item div.txt {width: 66%; margin-left: 4%;}
p.date {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F1F1F1; line-height:12px; margin: 0px 0px 10px 0px;}
p.code {color: #888888; font-size: 15px;}
p.price {color: #6AD3F3; font-size: 19px; font-weight: bold;}
img.buy {position: relative; top: 4px; left: 15px;}

/* HORIZONTAL LINE */
div.line {border-bottom: 1px solid #595959; height: 1px; margin: 4px 0px 10px 0px}

/* STANDARD BUTTON */
.button {cursor: pointer; border: none; background: url(../images/nav_bg.jpg) repeat-x; padding: 10px 15px 10px 15px; font-weight: bold; color: #FFFFFF; font-size: 16px; border-radius: 10px;webkit-border-radius: 10px;-moz-border-radius: 10px; margin: 10px 0px 20px 0px; border:1px solid #000; box-shadow: 0 1px 0 rgba(127, 127, 127, 0.4);}

/* HOME ICON BUTTONS */
.button_home {cursor:pointer; border: none; background-color:#ffdf3f; padding: 10px 12px 10px 20px; font-weight: normal; color: #000; font-size: 12px; border-radius:10px; webkit-border-radius:10px; -moz-border-radius: 10px; height:40px; margin: 10px 0px 20px 0px; border:1px solid #fed768; box-shadow: 0 1px 0 rgba(127, 127, 127, 0.4);} 

.button_home img {position:relative; top:12px; left:-12px; }

/* FANCY BUTTON */

a.fancy_button, .fancy_button { 
  background: #555; 
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(77,77,77,0.4)));  
  background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(77,77,77,0.4)); 
  float: left; 
  padding: 4px; 
  text-decoration: none; 
  outline: 0; 
  border-width: 1px; 
  border-style: solid;
  width: auto;
  overflow: visible;
  border-color: transparent transparent #666 transparent; 
  border-color: transparent transparent rgba(202,202,202,0.27) transparent;
  -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
  -webkit-background-clip: padding-box;
}

a.fancy_button span, .fancy_button span { 
  display: block; 
  float: left;
  letter-spacing: -1px; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #ccc #444 #111 #444; 
  border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.5) rgba(0,0,0,0.7) rgba(0,0,0,0.5); 
  font: bold 21px Arial;
  color: white; 
  padding: 10px 42px; 
  cursor: pointer; 
  text-shadow: rgba(0,0,0,0.45) 0 -1px 0; 
  -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
  -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent)); 
  background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#80FFFFFF', EndColorstr='#00FFFFFF'); 
  -webkit-background-clip: padding-box;}


/* SETS */
/* You have 3 color schemes to choose from */
 .set-a .arrow-aligned-right, .set-b .arrow-aligned-right, .set-c .arrow-aligned-right {background: transparent 96% 50% no-repeat;}
.set-a .arrow-aligned-left, .set-b .arrow-aligned-left, .set-c .arrow-aligned-left {background: transparent 8px 50% no-repeat;}

/* Set A */
a.set-a, input.set-a, .set-a li, li.set-a, div.set-a {background: url() repeat-x !important;}
a.set-a, .set-a a, .set-a h1, .set-a h2, .set-a h3, .set-a h4,.set-a p, ul.set-a li a {color: #FFFFFF;}
.set-a .arrow-aligned-right, ul.vertical-subnav.set-a li a.arrow-aligned-right {background-image: url(../images/navIcon.png);}
.set-a .arrow-aligned-left, ul.vertical-subnav.set-a li a.arrow-aligned-left {background-image: url(../images/navIcon.png);}

/* Set B */
a.set-b, input.set-b, .set-b li, li.set-b, div.set-b {background: url(../images/nav_bg_2.jpg) repeat-x !important;}
a.set-b, .set-b a, .set-b h1, .set-b h2, .set-b h3, .set-b h4,.set-b p, ul.set-b li a {color: #FFFFFF;}
.set-b .arrow-aligned-right, ul.vertical-subnav.set-b li a.arrow-aligned-right {background-image: url(../images/nav_arrow_2.gif);}
.set-b .arrow-aligned-left, ul.vertical-subnav.set-b li a.arrow-aligned-left {background-image: url(../images/nav_arrow_2.gif);}

/* Set C */
a.set-c, input.set-c, .set-c li, li.set-c, div.set-c {background: url(../images/nav_bg_3.jpg) repeat-x !important;}
a.set-c, .set-c a, .set-c h1, .set-c h2, .set-c h3, .set-c h4,.set-c p, ul.set-c li a {color: #FFFFFF;}
.set-c .arrow-aligned-right, ul.vertical-subnav.set-c li a.arrow-aligned-right {background-image: url(../images/nav_arrow_3.gif);}
.set-c .arrow-aligned-left, ul.vertical-subnav.set-c li a.arrow-aligned-left {background-image: url(../images/nav_arrow_3.gif);}

/* SELECTOR (GROUPED HORIZONTAL BUTTONS) */
div.button-group {margin: 35px 0px 35px 0px; width: 100%; text-align: center;}
div.button-group a {padding: 10px 15px 10px 15px; font-weight: bold; font-size: 16px; background: url(../images/nav_bg.jpg) repeat-x !important; color:#FFFFFF;}
div.button-group a.selected-btn {background: url(../images/nav_bg_inset.jpg) repeat-x !important; }
div.button-group a.right-btn {border-bottom-right-radius: 5px; border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px; border-right:1px solid #333333; }
div.button-group a.center-btn {border-right:1px solid #333333; }
div.button-group a.left-btn {border-bottom-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;-webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px;-moz-border-radius-topleft: 5px; border-right:1px solid #333333; }

div.selected-view .block {display: none;}
div.selected-view .selectblock {display: block;}

/* FOOTER */
#footer{background:none; padding:15px 10px;}
#footer p{font-family:Arial, Helvetica, sans-serif; font-size:12px}
#footer a{text-decoration:none; color:#666 !important; cursor: pointer;} #footer a:hover{text-decoration:none;}

/* POP UPS */
#popups, #popups-gallery {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/bg_pop.png) repeat; display: none;}
#popups-gallery {text-align: center; overflow-x: scroll;}
#popups-gallery img {width: 90%; margin: 5%;}

.pop {position: relative; margin: 30px; padding: 15px;  display: none; -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; background-color: #222222;}
.pop .close {position: absolute; top: 0px; right: 0px;  padding: 7px; -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; }
#popups-gallery .close {position: absolute; top: 10px; right: 10px; background-color: #313131; padding: 2px 4px 2px 4px; -webkit-border-radius:  5px;-moz-border-radius: 5px; border-radius: 5px; }




#header {position:relative; width:100%; background-image:url(../images/header-topbar.jpg); background-repeat:no-repeat; background-position:top center; height:140px;}
#header .logo{position: absolute; top:15px; left:20px}
#header .contenido{position: absolute; top:35px; right:20px}
#header .contenido a{text-decoration:none}

.hideHeader{text-indent:-9999px !important; margin:0 !important; height:0 !important; width:0 !important}

#content{padding:0px 10px 10px 10px}
.center{text-align: center;}

.sectionIcon{height:69px; width:129px; display:block;}

.footBack{background:#BECDE0 url(../images/nav-backImage.png) bottom repeat-x; overflow:hidden;}

.ficha01{padding:10px; background-image: -moz-linear-gradient(top, #FFF, #EFEFEF); background-image: -webkit-gradient(linear, left top,left bottom, from(#FFF), to(#EFEFEF)); background-image: linear-gradient(top, #FFF, #EFEFEF); background-color:#EFEFEF}

.actionButton{border:1px solid #679BD6; background-color:#D2DCE8}
.actionButton .inner{border:1px solid #FFF; padding:10px; text-align:center;}
.actionButton span{text-transform: uppercase; font-weight:bold;}
.actionButton button{background-color:#D2DCE8; cursor:pointer; padding:10px 25px;}
.actionButton button:hover{color:#FFF !important}
.actionButton a{text-decoration: none;}

.btnBack{position:absolute; padding-left:12px; top:15px; right:10px; text-transform:uppercase; background:url("../images/backIcon.png") no-repeat scroll left 80% transparent}

.thumbAbout{float:left; padding:0 15px 15px 0}

.map{border:1px solid #026EA9}