@charset "utf-8";

/* Anchors
---------------------------------------------------*/
* {padding: 0; margin: 0;}
h1, h2, h3 {font-family: "Arial", Verdana, Geneva, Helvetica, Arial, Sans-Serif;}
h1 {font-family: "Arial", Verdana, Geneva, Helvetica, Arial, Sans-Serif; margin-bottom:5px; color:#333; font-weight:normal; font-size:25px;}
h2 {font-family: "Arial", Verdana, Geneva, Helvetica, Arial, Sans-Serif; margin-bottom:5px; font-size:2em; font-weight:normal; margin:5px 0;}
h3 { font-family: "Arial", 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: "Arial", Verdana, Geneva, Helvetica, Arial, Sans-Serif; margin:0 0 10px 0; line-height:17px;}
a:focus {outline:none}
a { color:#FFFFFF; text-decoration:none;}
a:hover { color:#FF9900; 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; repeat-x left top;}
._404 { margin:30px 0;}

#wrapper { background:url(imagens/fundo.jpg) no-repeat center 0px;}
#wrapperMain { width:950px; margin:0 auto; color:black;}
.logo-trans { width:115px;}

#main { padding:35px 0 0 0;}
p.description { font-family:"Arial", Arial, Helvetica, sans-serif; font-size:13px; line-height:15px; color:#FFFFFF; margin:15px 0; padding:0 0 15px 0; border-bottom:solid 0px #CCC;}
p.descriptionInt { font-family:"Arial", 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;}
.infoSlide { height:300px; width:397px; padding:0 10px 0 25px;}
.infoSlide h1 { color:#FFFFFF; font-size:30px; margin:0;}
.infoSlide span { color:#FF9900; font-size:11px;}
.imgSlide img { border:solid 4px #000000; }
.prev, .next {width:65px; margin-top:90px; cursor:pointer;}
.cejaBottom { background:url(../images/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%; }

.home-services { margin:15px 0 30px 0;}
.service-a, .service-b, .service-c { width:270px; height:180px; padding:23px; position:relative;}
.service-a p, .service-b p, .service-c p {line-height:18px;}
	
.mascota { position:absolute; width:94px; bottom:-25px; left:-5px;}

.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:550px; repeat-y right top; padding:0 0 15px 0;}
.services { padding:0 15px 15px 0; margin-bottom:15px; border-bottom:dotted opx #B0B0B0;}
.services img { margin-right:10px;}

.colLeft li { margin-left:20px;}

.colRight { width:300px;}
.colRight li { none; margin-left:50px; 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 0px #CCC;}
.boxCont img { margin-right:5px;}

/*Nosotros*/
.usrs { padding:0 1px 15px 0; margin:0 0 10px 0; border-bottom: solid 1px #CCC; position:relative}
div.usrs .contactme { position:absolute; height:20px; width:350px; top:10px; right:0; font-size:12px; text-align:right; line-height:20px;}
div.usrs .contactme span {}
.usrs p  { color:#333;}
h3.tittle-name { margin-bottom:-7px;}
.usrs h2 {font-family: "Arial", 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:"Arial", Arial, Helvetica, sans-serif; font-size:15px; margin:0 0 3px 0; font-weight:bold;}
.boxPortfolio span { font-size:11px; color:#999999;}
.boxPortfolio p { color:#999999; margin:5px 0 10px 0;}
.imgPortfolio { float:left; margin-right:20px; border:solid 3px #000000;}
.imgPortfolio:hover {border:solid 3px #999999;}
.serviPortfolio {}
.serviPortfolio ul { }


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

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

/*Footer */
#footer p { font-size:11px; color:#666; line-height:11px;}
.tags {font-family: "Arial", Verdana, Geneva, Helvetica, Arial, Sans-Serif; font-size:11px; color:#666; text-align:center; margin:5px 0;}


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