/* Estilos generales de estructura */
body{background:url(style/fnd.png); text-align:center; margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:14px;color:#463000;line-height:23px;}
#layout{background:url(style/fnd-head.png) repeat-x;text-align:justify;}
.content{width:960px;margin:0 auto;position:relative}
#atraction .content{height: 303px}
#atraction{position: relative}
#atraction .container{height: 303px}
#atraction .slide{height:303px;position: relative; width: 100%}
#atraction .item{float: left; width: 100%; height: 303px}
#head{height:138px;}
#logo{float:left;margin-top:27px;}
h1#logo a{background: url(/img/logo.png) no-repeat left top; display: block; width: 230px; height: 80px; text-indent: -9999px}
#nav{position: absolute; bottom: -33px; right: 50px; z-index: 50; width: 104px; height: 30px; background: url(style/nav_atraction.png) no-repeat left top; padding: 4px 0 0 38px}

#nav a{position:relative;background: url(style/vineta_nav_act.png) no-repeat left -13px; width: 13px; height: 13px; display: block; float: left; margin-right: 6px; text-indent: -9999px}
#nav a.activeSlide, #nav a:hover{background-position: left top; left: 1px; top:1px}

ul#menu{float:right; background:url(style/fnd-mnu.png) repeat-x;margin-top:7px;font-weight:bold;text-shadow:1px 1px 1px #000;font-family:"MyriadProSemibold",Helvetica,Arial,sans-serif;text-transform:uppercase;}
ul#menu li{display:inline;float:left;}
ul#menu li a{display:block;line-height:47px;color:#fff; text-decoration:none;padding-left:15px;}
ul#menu li a:hover{background:url(style/mnu-hover.png) repeat-x;}
ul#menu li a span.text{float:left;}
ul#menu li a span.right{display:block;width:2px;height:43px;float:right;background:url(style/mnu-item-right.png);margin-left:13px;}
ul#menu li a.first{padding:0;}
ul#menu li a.first span.left{background:url(style/mnu-left.png) no-repeat;width:6px;height:47px;float:left;display:block;margin-right:9px;}
ul#menu li a.first:hover span.left{background:url(style/mnu-left-hover.png) no-repeat;}
ul#menu li a.last span.right{background:url(style/mnu-right.png) no-repeat;width:6px;height:47px;float:left;display:block;}
ul#menu li a.last:hover span.right{background:url(style/mnu-right-hover.png) no-repeat;}
ul#menu li.selected a{display:block;line-height:53px;color:#fff; text-decoration:none;background:url(style/mnu-select.png);padding:0;}
ul#menu li.selected a span.left{width:7px;height:53px;display:block;float:left;background:url(style/mnu-select-first.png) no-repeat;margin-right:10px;}
ul#menu li.selected a span.right{width:7px;height:53px;display:block;float:right;background:url(style/mnu-select-right.png) no-repeat;margin-left:10px;}
ul#menu li.selectd a.first span.leftul,ul#menu li.selected a.first:hover span.left{width:7px;height:53px;display:block;float:left;background:url(style/mnu-select-first.png) no-repeat;margin-right:10px;}
ul#menu li.selected a.last span.right{background:url(style/mnu-select-last.png) no-repeat;width:8px;height:53px;float:right;display:block;}

#languages{float:right;clear:right;margin-top:23px;}

.liston-steps{background:#FBFBFA url(style/fnd-steps.png) repeat-x bottom;height:auto;margin-top:10px;border:1px solid #D7D9CB;position:relative;margin-bottom:40px;}
.liston{position:absolute;top:-1px;left:0;width:1166px;background:url(style/liston-center.png) repeat-x;height:72px;left:-103px;}
.liston .left{float:left;background:url(style/liston-left.png) no-repeat;width:139px;height:72px;}
.liston .right{float:right;background:url(style/liston-right.png) no-repeat right;width:139px;height:72px;}
.liston-steps .sombra{background:url(style/sombra-steps.png);width:978px;height:6px;position:absolute;left:-10px;bottom:-5px;}
ol.steps{margin:0;padding:0;position:relative;}
ol.steps li{font-family:"QlassikBoldRegular",Helvetica,Arial;font-size:32px;color:#fff;text-shadow:1px 1px 2px #000;float:left;line-height:53px;display:inline;width:299px;margin-top:5px;}
ol.steps li span.number{background:url(style/circle-list.png) no-repeat; display:block;float:left;width:52px;height:52px;line-height:52px;font-size:40px;text-align:center;margin-right:10px;}
ol.steps li.last{margin-right:0;}

ol.steps li ul{margin:20px 0 0 10px;float:left;}
ol.steps li ul li{float:none;display:block;width:167px;font-weight:normal;font-family:Helvetica, Arial, sans-serif;font-size:12px;color:#463000;text-shadow: none;line-height:19px;background: url(style/vineta-verde.png) no-repeat left center;padding-left:20px;margin-bottom:15px; text-align: left}
ol.steps li ul li a{color:#463000;font-weight:bold; text-align: left}
ol.steps li ul li span.readmore{color:#463000;font-weight:bold; text-align: left}
ol.steps li img{float:left;margin-top:20px; clear:left}

.fleft{float:left;}
.fright{float:right;}
.mright{margin-right:10px;}
.mleft{margin-left:10px;}

.indent{background:url(style/indent-center.png) repeat-y;margin:60px 0;position:relative;}
.indent .top{background:url(style/indent-top.png) no-repeat;height:6px;width:961px;float:left;}
.indent .bottom{background:url(style/indent-bottom.png) no-repeat;height:7px;width:961px;float:left;}
.indent .prev{width:43px;height:131px;position:absolute;left:-41px;top:50%;}
.indent .next{width:41px;height:131px;position:absolute;right:-40px;top:50%;}

.indent .prev a{display:block;float:right;background:url(style/prev-port.png) no-repeat;width:43px;height:131px;margin-top:-68px;}
.indent .next a{display:block;float:left;background:url(style/next-port.png) no-repeat;width:41px;height:131px;margin-top:-68px;}
.indent .prev a:hover{background:url(style/prev-port-hover.png) no-repeat;}
.indent .next a:hover{background:url(style/next-port-hover.png) no-repeat;}

.indent .container{position:relative;overflow:hidden;float:left;width:960px;padding:20px 0;}
.indent .container .slide{position:absolute;top:15px;left:0;width:960px;}
.indent .container .slide .item{float:left;}

.panel-title{font-size:2em;color:#d28707;font-family:"QlassikBoldRegular",Helvetica,Arial;text-shadow:0 1px 0px #fff; margin-bottom: 0.5em; display: block}
.panel-subtitle{font-size:1.8em;color:#328602;font-family:"QlassikBoldRegular",Helvetica,Arial;text-shadow:0 1px 0px #fff; font-weight: normal}
.min{font-size:16px;}

.testimonio{font-size:19px;font-style:italic;font-family:Georgia,Helvetica,Arial,sans-serif;line-height:26px;color:#463000;position:relative;padding:10px 20px 10px 29px;background:url(style/quote-end.png) no-repeat bottom right;margin:20px 0 0;text-align:left;}

.testimonio .quote{background:url(style/quote-start.png) no-repeat;position:absolute;left:0;top:0;width:29px;height:20px;display:block;}
.testimonio-name{font-size:13px;color:#623e01;display:block;text-align:right;}
.testimonio-puesto{font-size:12px;color:#835302;display:block;text-align:right;}

.port-project-desc{padding:10px;}
.port-project-desc a{color:#463000 }

.img-default{padding:10px;border:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.05)}

.round5,.img-default{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

a.port-link{float:right;display:block;height:21px;line-height:19px;font-size:11px;color:#fff;text-decoration:none;text-shadow:0px 1px 0 #000;font-weight:bold;}
a.port-link .text{background:url(style/read-more-center.png) repeat-x;height:21px;line-height:22px;float:left;}
a.port-link .left{display:block;float:left;background:url(style/read-more-left.png) no-repeat;width:9px;height:22px;}
a.port-link .right{display:block;float:left;background:url(style/read-more-right.png) no-repeat;width:9px;height:22px;}
a.port-link:hover .text{background:url(style/read-more-center-hover.png) repeat-x;}
a.port-link:hover .left{background:url(style/read-more-left-hover.png) no-repeat;}
a.port-link:hover .right{background:url(style/read-more-right-hover.png) no-repeat;}

.portafolioGallery {text-align:center;}
.portafolioGallery .imgs{width:302px;height:186px;position:relative;margin-bottom:10px;}
.portafolioGallery .imgs .img{position:absolute;top:0;left:0;display:none;width:302px;height:186px;}
.portafolioGallery .imgs .first{display:block;}

.circles{text-align:center;height:13px;}
.circles .circle{display:inline-block;width:13px;height:13px;background:url(style/page-circle.png) no-repeat;}
.circles .circle:hover{background:url(style/page-circle-hover.png) no-repeat;}
.circles a.selected{background:url(style/page-circle-selected.png) no-repeat;}

.subservicios .readmore{color:#328602;text-shadow:0 1px 0px #fff;text-decoration:none;}


.www{background:url(style/www.png) no-repeat;width:272px;height:54px;position:absolute;top:-49px;left:-100px;}
.xhtml{background:url(style/xhtml.png) no-repeat;width:150px;height:65px;position:absolute;top:-57px;left:200px;}
.web2{background:url(style/web-2.png); position:absolute;top:-61px;right:0;width:173px;height:65px;}

#footer{background:url(style/fnd-footer.png);margin-top:100px;position:relative;color:#fff; font-size: 12px}
.zigzag{width:100%;height:8px;background:url(style/zigzag-foo.png) repeat-x;position:absolute;left:0;top:0;}


.botonsote{text-align:center;margin-bottom:60px;}
.botonsote a:link,.botonsote a:visited{display:inline-block;padding-left:6px;background:url(style/botonsote-left.png) no-repeat;text-decoration:none;text-transform:uppercase;font-family:Impact,Helvetica,Arial,sans-serif;font-size:26px;color:#344908;text-shadow:0 1px 0 #fff;}
.botonsote span{display:block;padding-right:57px;background:url(style/botonsote-right.png) no-repeat right}
.botonsote span strong{display:block;background:url(style/botonsote-center.png) repeat-x;padding:13px 10px 12px; font-weight: normal}
.botonsote span strong em{font-size:18px;font-weight:bold;font-style:normal;display:block;font-family:Helvetica,Arial,sans-serif;padding-top:6px;text-transform: none;}

.botonsote a:hover,.botonsote a:visited:hover{background:url(style/botonsote-left-hover.png) no-repeat;}
.botonsote a:hover span,.botonsote a:visited:hover span{background:url(style/botonsote-right-hover.png) right no-repeat;}
.botonsote a:hover strong,.botonsote a:visited:hover strong{background:url(style/botonsote-center-hover.png) repeat-x;}

#menuFooter{background:url(style/footer-menu.png)no-repeat bottom;padding:30px 0;text-align:center;margin:0;margin-bottom:30px;}
#menuFooter li{display:inline;border-right:1px solid #fff;padding:0 20px;}
#menuFooter li a{color:#fff;text-decoration:none}
#menuFooter li a:hover{color:#d4d4d4;text-decoration:underline}
#menuFooter li.last{border:0;}

#footer .grid3 a{color:#12d202;text-decoration:none;}
#footer .grid3 a:hover{text-decoration:underline;}
#footer .grid4 a.readmore{font-size:11px;color:#f99a1e;text-decoration:none;float:right;}
#footer .grid4 a.readmore:hover{text-decoration:underline;}
#footer .nosotros{background:url(style/bg-nosotros.png) no-repeat;height:294px;padding:12px 10px 0;width:290px;}
#footer .nosotros a{color:#fff;text-decoration:none;}
#footer .nosotros a:hover{color:#d4d4d4;}
#footer .nosotros li{list-style-image:url(style/vinetaus.png);padding:7px 0;}
#footer .panel-title{color:#ffc704;font-size:24px;text-shadow:0px 3px 7px #000; font-weight: normal}
#footer .articulo .title{font-family:Georgia,Helvetica,Arial,sans-serif;font-style:italic; font-size: 16px}
#footer .articulo .preview{font-size:11px;}
#footer .articulo .readmore{font-size:11px;color:#f99a1e;text-decoration:none;}
#footer a.readall{float:right;}

#footer .hr{background:url(style/hr-foo.png) no-repeat; height:17px;margin:7px 0 30px;}
#footer .hr hr{display:none;}
#footer .articulo .hr{background:url(style/art-separator.png) no-repeat;margin:7px 0;}

#footer .realestate{background:url(style/fnd-realestate.png) no-repeat;height:302px;padding:12px 10px;width:280px}

.cursos-list{margin-left:15px;}
.cursos-list li{float:left;width:100px; font-family: "Helvetica Neue"}
.cursos-list li a{color:#fff;text-decoration:none;}
.cursos-list li a:hover{text-decoration:underline;color:#eee;}

.pregunta-freq{background:url(style/fnd-quest.png);font-size:12px;text-shadow:-1px 1px 1px #ADADAD;color:#000;line-height:normal;height:112px;padding:10px 10px 10px 51px;position:relative;}
.pregunta-freq .pregunta{text-align:left; font-size: 12px}
#footer .grid4 .pregunta-freq a.readmore{position:absolute;right:0;float:none;bottom:0;text-shadow:none;}
#footer .cotizador-button{background:url(style/boton-cotizacion.png) no-repeat;width:204px;height:56px;padding:7px 10px;font-size:19px;font-weight:bold;color:#041b00;text-shadow:0 1px 0 rgba(255,255,255,0.8);display:block;text-decoration:none;; margin-top: 44px}
#footer .cotizador-button em{color:#fff;text-shadow:none;font-size:11px;font-style: normal;display:block;width:149px; line-height: 12px; font-weight: normal;padding-top: 5px}
#footer .cotizador-button:hover{background:url(style/boton-cotizacion-hover.png) no-repeat;}
#footer .twitter{background:url(style/fnd-twitter.png) no-repeat;height:90px;padding:26px 15px 10px 62px;width:169px;display:block;color:#fff;text-decoration:none;text-decoration:none;text-align:left;}
#footer .twitter em{font-family:Georgia,Helvetica,Arial,sans-serif;}
#footer .twitter:hover{color:#C6C6C6;}
#footer .copyright{background:url(style/fnd-copyright.png) repeat-x; height:48px;color:#FFD8D8;padding:9px 0 5px;font-size:11px;margin-top:30px;}
#footer .copyright a{color:#fff;}
#footer .copyright a.logo{float:right;}
#footer .copyright p{margin-top:12px;float:left;}

.hover{cursor:pointer;}

.grid2,.grid3,.grid4,.grid12{margin:0 10px;float:left; display: inline}
.grid2{width:460px;}
.grid3{width:300px;}
.grid4{width:220px;}
.grid12{width:940px;}
.grid-content{padding:10px}
.alpha{margin-left:0;}
.omega{margin-right:0 !important;}
.row{margin:20px 0;}

.pregunta-freq .respuesta{font-size: 11px; line-height: 16px}
#footer .grid3{padding-top: 12px}