@charset "utf-8";

/* Anchors
---------------------------------------------------*/
* {padding: 0; margin: 0;}
h1, h2, h3 {font-family: "Tahoma", Verdana, Geneva, Helvetica, Arial, Sans-Serif;}
h1 {font-family: "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif; margin-bottom:5px; color:#333; font-weight:normal; font-size:25px;}
h2 {font-family: "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif; margin-bottom:5px; font-size:2em; font-weight:normal; margin:5px 0;}
h3 { font-family: "Arial Narrow", Verdana, Geneva, Helvetica, Arial, Sans-Serif; font-size:20px; color:#0097B5; font-weight:normal; margin:10px 0;}
h4 { font-family:gluetype, DIN-Regular, Arial, sans-serif; font-weight:normal; color:#F33939; font-size:20px; margin:0 0 5px 0;}
p {font-family: "Tahoma", Verdana, Geneva, Helvetica, Arial, Sans-Serif; margin:0 0 10px 0; line-height:17px;}
a:focus {outline:none}
a { color:#0097B5; text-decoration:none;}
a:hover { text-decoration:none;}
img {border:none;}
hr { border:none; height:1px; background-color:#CCC;}
.left { float:left;}
.right { float:right;}

/* Wrapper
---------------------------------------------------*/
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(backG.png) repeat-x left top;}
._404 { margin:30px 0;}

#wrapper {center 75px;}
#wrapperMain { width:950px; margin:0 auto; color:black;}
.logo-trans { width:115px;}
#mainMenu { color:white; width:835px; font-family: "Arial Narrow", DIN-Regular, Arial, sans-serif; font-size:13px;}
#mainMenu span {font-family: "Calibri", Verdana, Geneva, Helvetica, Arial, Sans-Serif; text-transform: uppercase; font-size:19px; font-weight:normal; margin:0 0 -2px 0; display:block}
#mainMenu ul {}
#mainMenu li { list-style:none none; float:left; background: url(menu-hover.png) no-repeat -137px top; border-left:solid 1px #283545; border-right:solid 1px #081827;}
#mainMenu li.selected { background: url(menu-hover.png) no-repeat left top;}
#mainMenu li a { display:block; color:white; text-decoration:none; padding:15px 0 0 5px; width:130px; height:60px;}

.home_intro { height:265px;}
div.home_intro .logo_intro { width:230px; padding-top:30px;}
div.home_intro .phone_intro { font-family: "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif; width:355px; vertical-align:bottom; text-align:right;  padding-top:180px;}
div.home_intro .phone_intro h1 { margin:0 0 -5px 0; color:#FFF; font-weight:normal; font-size:30px; }
div.home_intro .phone_intro a { color:#BED600; text-decoration:none; font-size:20px;}
div.home_intro .banner_intro { width:365px; padding-top:5px;}

#main { padding:35px 0 0 0;}
p.description { font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; color:#666; margin:15px 0; padding:0 0 15px 0; border-bottom:solid 1px #CCC;}
p.descriptionInt { font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; color:#666; margin:15px 0 5px 0; padding:0 0 15px 0;}

/* Slide */
.carrousel { height:300px;}
.contSlide { width:820px;}
.imgSlide { height:300px; width:373px; margin-left:15px; background: url(shadow-carrousel.png) no-repeat center bottom;}
.infoSlide { height:300px; width:397px; padding:0 10px 0 25px;}
.infoSlide h1 { color:#333; font-size:40px; margin:0;}
.infoSlide span { color:#666; font-size:11px;}
.imgSlide img { border:solid 4px #333; }
.prev, .next {width:65px; margin-top:90px; cursor:pointer;}
.cejaBottom { background:url(ceja-bottom.png) no-repeat center center; height:22px; margin:10px 0;}

#galeria{ height:300px; }
#btn-izquierdo,#window,#btn-derecho{ float:left; }
#window{ width:820px; overflow:hidden; position:relative }
#content{ position:relative; list-style:none; margin:0; padding:0; }
#content li{ float:left; height:100%; }

.mainContent { background:url(ceja-top.png) no-repeat center top; padding-top:25px; margin-top:15px;}
.home-services { margin:15px 0 30px 0;}
.service-a, .service-b, .service-c { width:304px; height:141px; padding:3px; position:relative;}
.service-a p, .service-b p, .service-c p {line-height:18px;}
.service-a { background: #EEE url(service1.png);}
.service-b { background: #EEE url(service2.png); margin:0 10px;}
.service-c { background: #EEE url(service3.png);}
.mascota { position:absolute; width:94px; bottom:-25px; left:-5px;}

.home-packages { margin:15px 0; background:url(ceja-bottom.png) no-repeat center bottom; padding-bottom:30px;}
.box-packages { position:relative; width:316px; height:310px; float:left;}
div.box-packages .free-host { width:131px; height:134px; position:absolute; top:3px; right:13px;}
div.box-packages .read-more { width:115px; height:32px; position:absolute; bottom:35px; right:35px;}

/* Cools */
.colLeft { width:650px; background:url(lineCCC.png) repeat-y right top; padding:0 0 15px 0;}
.services { padding:0 15px 15px 0; margin-bottom:15px; border-bottom:dotted 1px #B0B0B0;}
.services img { margin-right:10px;}
div.services .readMore { color:#3399FF; font-size:11px; font-weight:bold; text-align:right; margin:15px 0 0 0;}
div.services .readMore a { color:#3399FF; text-decoration:none;}
div.services .readMore span { color:#333; font-size:15px;}

.colLeft li { list-style:none url(arrow-gray.gif); margin-left:20px;}

.colRight { width:300px;}
.colRight li { list-style:url(x.png) none; margin-left:15px; font-size:11px;}
.colRight li a {  color:#0097B5; text-decoration:none;}
.colRight li.selected a {text-decoration:none; color:#007B95}
.colRight li a:hover {text-decoration:none; color:#007B95}
.colRight h2, .colLeft h2 { font-size:17px;}
.boxCont { padding:5px 10px 15px 10px; border-bottom:solid 1px #CCC;}
.boxCont img { margin-right:5px;}

/*Nosotros*/
.usrs { padding:0 1px 15px 0; margin:0 0 10px 0; border-bottom: solid 1px #CCC;}
.usrs p  { color:#333;}
h3.tittle-name { margin-bottom:-7px;}
.usrs h2 {font-family: "Arial Narrow", Verdana, Geneva, Helvetica, Arial, Sans-Serif; font-size:13px; color:#999;}
.usrs img { padding:0 0 0 0; margin:0 5px; border: solid 3px #CCC;}
.usrs img:hover { border: solid 3px #0097B5;}

/* Portfolio */
.boxPortfolio {margin:5px 1px 5px 0;}
.boxPortfolio h1 { font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 3px 0; font-weight:bold;}
.boxPortfolio span { font-size:11px; color:#666;}
.boxPortfolio p { color:#333; margin:5px 0 10px 0;}
.imgPortfolio { float:left; margin-right:20px; border:solid 3px #34BFEC;}
.imgPortfolio:hover {border:solid 3px #FF0066;}
.serviPortfolio {}
.serviPortfolio ul { }
.serviPortfolio li { list-style:none url(check.png); margin-left:30px;}

.imgIntPortfolio { float:left; margin-right:20px; border:solid 3px #CCC;}
.detalles { padding:15px; background-color:#EEE; margin-right:1px;}

/*Clientes*/
.imgClientes { float:left; margin:0 15px 10px 0;}

/* Testimoials */
.testimonials { background:#F3F3F3 url(comilla.png) no-repeat 20px 20px; padding:35px 20px 20px 50px; color:#333; font-style:italic; margin:5px 1px 5px 0;}
.testiBY { background:url(dequien.png) no-repeat left center; height:15px; padding:5px 0 0 35px; margin-top:10px; color:#666; font-size:11px;}
.testiBY a { font-weight:bold; color:#333; text-decoration:none;}

/*Paquetes*/
.boxPackages {width:316px; float:left;}
.boxPackages-large { margin-bottom:5px; position:relative; width:649px; height:162px; margin-right:1px;}
div.boxPackages-large .contenido { position:absolute; width:619px; height:117px; top:0; left:0; padding:40px 15px 0 15px; color:white;}
div.boxPackages-large .contenido img { float:left; margin:5px 10px 0 0;}
div.boxPackages-large .contenido h2 { margin:0 0 5px 0;}
div.boxPackages-large div.contenido .leer-mas { position:absolute; width:115px; height:32px; bottom:25px; right:20px; z-index:200;}
div.boxPackages-large div.contenido .free-host {  width:100px; height:102px; position:absolute; top:-8px; right:4px;}

.costos {margin:0 15px 0 0; padding-right:1px;}
.costos h4 { line-height:32px; font-weight:bold;}
.costos img { margin:0 10px}

.incluye { float:left; margin:0 3px 0 auto; width:30%;}
.incluye li { list-style:url(check.png) none; font-weight:bold; font-size:11px;}

/*Footer */
#footer {background:url(sillon.png) no-repeat left bottom; height:240px; padding:0 0 0 350px; margin-top:20px; }
#footer p { font-size:11px; color:#666; line-height:11px;}

/* Tewitter */
.latestTwits { height:45px; background:url(latest-twits.png) no-repeat left top; padding:50px 8px 0 75px;}
.latestTwits li { list-style:none none;}
div.latestTwits .siguenos { display:block;text-align:left; margin-top:10px;}
small {font-style:italic; }
#tweets li { font-size:13px; background:url(twitter.png) no-repeat left  ; list-style:none none; height:17px;}
#tweets .hash { color:#0066CC; }
#tweets .reply { color:#0066CC; }

#tweets a:link { text-decoration:none; color:#0066CC;}
#tweets a:active { text-decoration:none; color:#0066CC;}
#tweets a:hover { text-decoration:underline; color:#0066CC;}
#tweets a:visited { text-decoration:none; color:#0066CC;}

.menuFooter { width:314px; text-align:right; color:#333;}
.menuFooter a { color:#333;}
.madeBY { text-align:right; margin-top:5px;}
.madeBY span { background-color:#000; color:white; padding:0 3px;}

/* Background Colors */
.gris { background-color:#E9E9E9;}

/* 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;}