*{margin:0; padding:0}
img{border:none}
a{outline:none}
body{background:url(images/bg-body.jpg) repeat #ebe9da; margin:0px; font-size:62.5%; font-family:Arial,Helvetica,sans-serif; color:#988c7c}
a:link, a:visited{color:#7f6c8e; text-decoration:none}
a:hover, a:active{text-decoration:underline}

.purpura{color:#7f6c8e}

#cpatrocinio{position:absolute; top:0; left:0}
#patrocinio{position:fixed; width:145px; height:144px; background:url(images/patrocinio.png) top no-repeat}
#patrocinio a{text-indent:-500em; display:block; width:145px; height:144px}

#contentHd{width:100%; background:url(images/bg-hd.jpg) top center repeat-x; overflow:hidden}
#hd{width:960px; margin:0 auto; height:356px}
#logo{float:left; width:263px; height:356px}
#logo h1 a{text-indent:-9999px}
#logo a{background:url(images/logotipo.png) no-repeat; display:block; width:263px; height:356px}
#container{width:960px; margin:0 auto; overflow:hidden}
#nav{float:left; width:250px; margin-top:20px}
#nav ul{list-style:none}
#nav ul li{text-indent:-9999px; display:block; margin-bottom:5px}
a.btn_1{background:url(images/nav.jpg) 0 0; text-indent:-9999px; display:block; width:250px; height:55px}
a.btn_1:hover, .active a{background-position:-250px 0}
a.btn_2{background:url(images/nav.jpg) 0 -60px; text-indent:-9999px; display:block; width:250px; height:55px}
a.btn_2:hover, .active2 a{background-position:-250px -60px}
a.btn_3{background:url(images/nav.jpg) 0 -120px; text-indent:-9999px; display:block; width:250px; height:55px}
a.btn_3:hover, .active3 a{background-position:-250px -120px}
a.btn_4{background:url(images/nav.jpg) 0 -180px; text-indent:-9999px; display:block; width:250px; height:55px}
a.btn_4:hover, .active4 a{background-position:-250px -180px}
a.btn_5{background:url(images/nav.jpg) 0 -240px; text-indent:-9999px; display:block; width:250px; height:55px}
a.btn_5:hover, .avtive5 a{background-position:-250px -240px}
#nav ul li.subnav{margin-top:20px}
a.btn_6{background:url(images/nav.jpg) 0 -315px; text-indent:-9999px; display:block; width:250px; height:41px}
a.btn_6:hover{background-position:-250px -315px}
a.btn_7{background:url(images/nav.jpg) 0 -365px; text-indent:-9999px; display:block; width:250px; height:41px}
a.btn_7:hover{background-position:-250px -365px}
#social{width:250px; height:110px; background:url(images/bird.jpg) top no-repeat}
#iconSocial{width:210px; overflow:hidden; margin:5px 0 0 40px}
#f, #t, #i{float:left; width:26px; margin-left:10px}
#content{float:left; width:710px; margin-bottom:130px}
#featured{float:left; background-color:#FFF; padding:20px; width:670px; margin-bottom:30px}
#contentSlider{margin:0 auto; position:relative; width:670px}
#footer{width:100%; height:100px; background:url(images/bg-footer.jpg) center repeat-x}
#copyright{margin:0 auto; width:960px; font-size:1.3em}
#copyright p{padding:40px 0 0 200px}

#cintroContact{margin-right:50px; margin-left:5px}

#cintroContact, #cintroAbout{float:left; width:325px; height:140px; background-color:#FFF}
#introContact, #introAbout{position:relative; width:325px; height:140px; background-color:#fff}
#introContact h3, #introAbout h3{padding:10px; font-size:1.6em; letter-spacing:-1px; color:#7f6c8e}
#introContact p{font-size:1.5em; padding:0 10px 0 150px}
#introAbout p{font-size:1.5em; padding:0 10px 0 110px}
#imgintrobag{position:absolute; background-image:url(images/bag-intro.jpg); width:150px; height:110px; left:-10px; top:40px}
#imgintroplane{position:absolute; background-image:url(images/plane-intro.jpg); width:110px; height:94px; left:-10px; top:40px}
.cintilla{position:absolute; background-image:url(images/bg-cintilla.png); width:130px; height:29px; top:100px; right:-5px}
.cintilla a{text-indent:-9999px; background:url(images/bg-cintilla.jpg) top no-repeat; display:block; width:130px; height:29px}
.cintilla a:hover{background-position:bottom}

#titWeb{float:left; margin-top:20px; width:500px; letter-spacing:-1px}
#titWeb h3{color:#7f6c8e; font-size:2em}
#titWeb p{font-size:1.8em}
#thumbs{float:left; width:710px}
#thumbs a{float:left; width:200px; height:130px; text-indent:-9999px; display:block; border:10px solid #FFF}
#thumbs a.thumbdw-galeriamimexico{background:url(images/diseno-web/thumbdw-galeriamimexico.jpg) no-repeat; margin:0 25px 25px 0}
#thumbs a.thumbdw-lurvik{background:url(images/diseno-web/thumbdw-lurvik.jpg) no-repeat; margin:0 25px 25px 0}
#thumbs a.thumbdw-botanasanita{background:url(images/diseno-web/thumbdw-botanasanita.jpg) no-repeat; margin:0 0 25px 0}
#thumbs a.thumbdw-deego{background:url(images/diseno-web/thumbdw-deego.jpg) no-repeat; margin:0 25px 25px 0}
#thumbs a.thumbdw-passiontravels{background:url(images/diseno-web/thumbdw-passiontravels.jpg) no-repeat; margin:0 25px 25px 0}
#thumbs a.thumbdw-laquimera{background:url(images/diseno-web/thumbdw-laquimera.jpg) no-repeat; margin:0 0 25px 0}
#thumbs a.thumbdw-ambarspa{background:url(images/diseno-web/thumbdw-ambarspa.jpg) no-repeat; margin:0 25px 25px 0}
#thumbs a.thumbdw-juanmanzo{background:url(images/diseno-web/thumbdw-juanmanzo.jpg) no-repeat; margin:0 25px 25px 0}
#thumbs a.thumbdw-memofuentes{background:url(images/thumbs-dw.jpg) 0 0; margin:0 0 25px 0}
#thumbs a.thumbdw-dpau{background:url(images/thumbs-dw.jpg) -200px 0; margin:0 25px 25px 0}
#thumbs a.thumbdw-kutta{background:url(images/thumbs-dw.jpg) -400px 0; margin:0 25px 25px 0}
#thumbs a.thumbdw-trinidad{background:url(images/thumbs-dw.jpg) 0 -130px; margin:0 0 25px 0}
#thumbs a.thumbdw-inyector2000{background:url(images/thumbs-dw.jpg) -200px -130px; margin:0 25px 25px 0}
#thumbs a.thumbdw-uniformes{background:url(images/thumbs-dw.jpg) -400px -130px; margin:0 25px 25px 0}
#thumbs a.thumbdw-ceasa{background:url(images/thumbs-dw.jpg) 0 -260px; margin:0 0 25px 0}
#thumbs a.thumbdw-fiusha{background:url(images/thumbs-dw.jpg) -200px -260px; margin:0 25px 25px 0}
#thumbs a.thumbdw-gildardo{background:url(images/thumbs-dw.jpg) 0 -390px; margin:0 25px 25px 0}
#thumbs a.thumbdw-sofluciones{background:url(images/thumbs-dw.jpg) -200px -390px; margin:0 0 25px 0}
#thumbs a.thumbdw-fauna{background:url(images/thumbs-dw.jpg) -400px -390px; margin:0 25px 25px 0}
#thumbs a:hover{border:10px solid #b6a48f}

#thumbs a.thumbdi-palacio{background:url(images/thumbs-di.jpg) 0 0; margin:0 25px 25px 0}
#thumbs a.thumbdi-mxcafe{background:url(images/thumbs-di.jpg) -200px 0; margin:0 25px 25px 0}
#thumbs a.thumbdi-tandex{background:url(images/thumbs-di.jpg) -400px 0; margin:0 25px 25px 0}
#thumbs a.thumbdi-salud{background:url(images/thumbs-di.jpg) 0 -130px; margin:0 0 25px 0}
#thumbs a.thumbdi-pinoverde{background:url(images/thumbs-di.jpg) -200px -130px; margin:0 25px 25px 0}
#thumbs a.thumbdi-inyector2000{background:url(images/thumbs-di.jpg) -400px -130px; margin:0 0 25px 0}

#thumbs a.thumbil-tarascas{background:url(images/thumbs-il.jpg) 0 0; margin:0 25px 25px 0}
#thumbs a.thumbil-paraiso{background:url(images/thumbs-il.jpg) -200px 0; margin:0 25px 25px 0}
#thumbs a.thumbil-aguila{background:url(images/thumbs-il.jpg) -400px 0; margin:0 0 25px 0}
#thumbs a.thumbil-bolsa{background:url(images/thumbs-il.jpg) 0 -130px; margin:0 25px 25px 0}

#thumbs a.thumblo-passion{background:url(images/thumbs-lo.jpg) 0 0; margin:0 25px 25px 0}
#thumbs a.thumblo-gildardo{background:url(images/thumbs-lo.jpg) -200px 0; margin:0 25px 25px 0}
#thumbs a.thumblo-palacio{background:url(images/thumbs-lo.jpg) -400px 0; margin:0 0 25px 0}
#thumbs a.thumblo-conosls{background:url(images/thumbs-lo.jpg) 0 -130px; margin:0 25px 25px 0}
#thumbs a.thumblo-trinidad{background:url(images/thumbs-lo.jpg) -200px -130px; margin:0 25px 25px 0}
#thumbs a.thumblo-ceasa{background:url(images/thumbs-lo.jpg) -400px -130px; margin:0 0 25px 0}
#thumbs a.thumblo-uniformes{background:url(images/thumbs-lo.jpg) 0 -260px; margin:0 25px 25px 0}
#thumbs a.thumblo-conoce{background:url(images/thumbs-lo.jpg) -200px -260px; margin:0 25px 25px 0}
#thumbs a.thumblo-pinoverde{background:url(images/thumbs-lo.jpg) -400px -260px; margin:0 0 25px 0}

.line{float:left; width:670px; height:10px; background-image:url(images/bg-point.png); margin-bottom:20px}
#imgAbout{width:620px; height:148px; margin:0 auto}
#aboutInfo1{float:left; width:430px; margin-right:20px}
#aboutInfo1 h3, #aboutInfo2 h3{color:#7f6c8e; font-size:1.5em; padding:0 0 10px 0; letter-spacing:-1px}
#aboutInfo1 p, #aboutInfo2 p{font-size:1.6em; padding-bottom:25px}
#plane{float:left; width:128px; height:103px; background:url(images/avion.gif) no-repeat; margin:10px 0 0 20px}
#aboutInfo2{float:left; width:670px; margin-right:20px}
#nota{float:left; width:670px; background:url(images/comillas.gif) no-repeat #ededed}
#nota p{padding:10px 10px 10px 45px; color:#000; font-size:1.8em; font-style:italic}
.beneficios{float:left; width:295px; padding:20px}
.beneficios h3{color:#7f6c8e; font-size:1.5em; padding:0 0 10px 0; letter-spacing:-1px}
.beneficios ul{list-style-image:url(images/ico-li.gif); padding-left:35px; font-size:1.6em}
.beneficios ul li{padding-bottom:10px}

#contentContacto{position:relative; width:620px; background-color:#fff; height:680px}
.titcontacto{font-size:1.8em; letter-spacing:-1px; padding:20px}
#mailcel{float:left; width:620px; font-weight:bold; margin-bottom:25px}
#mail{width:580px; height:40px; margin:0 auto; background:url(images/icon-mailcel.jpg) 0 0 no-repeat; font-size:2.5em}
#mail p{padding:5px 0 0 50px}
#cel{width:580px; height:40px; margin:10px auto 0; background:url(images/icon-mailcel.jpg) 0 -40px no-repeat; font-size:2.5em}
#cel p{padding:0 0 0 50px}
#form{float:left; width:560px; padding:20px 10px; background:url(images/bg-point.png); margin:0 0 0 20px}
#bag{position:absolute; width:239px; height:175px; background:url(images/bag.jpg) no-repeat; bottom:-130px; right:-90px}

.contentCamp{margin-bottom:10px; overflow:hidden; height:55px}
.contentCamp2{margin-bottom:20px; overflow:hidden}
.labe{float:left; width:130px; font-size:2em; text-align:right; padding-right:10px}
.camp{float:left; width:395px}
#form input, #form textarea{width:395px; font-family:inherit; font-size:1.8em; color:#988c7c; padding:10px; background-color:#f2eee0; border:none}
#form input.borde, #form textarea.borde{border:1px dashed #603813}
#form input:hover, #form textarea:hover{background-color:#fff}
#form textarea{height:100px}
#send_message{width:180px !important; height:40px; font-variant:small-caps; cursor:pointer; background:url(images/btn-enviar.gif) center top no-repeat; text-indent:-99999px; margin-left:140px}
#send_message:hover{background-position:center bottom}
#cf_submit_p{text-align:left}
.error{display:none; padding-bottom:10px; font-size:.7em; color:#ce6b00}
.success{display:none; padding:10px; color:#997c5f; font-size:1.8em; background-color:#fff; margin-bottom:10px; text-transform:uppercase; font-weight:bold}
.error img{vertical-align:top}