@charset "utf-8";
/* CSS Document */

/**** mis weas ****/
.cf {height:auto; overflow:hidden;}
.fcenter {margin:0 auto 0 auto;}
.fright {float:right;}
.fleft {float:left;}
.a990 {width:990px;}
.ocultar, .hide {display:none;}


/*it's showtime*/

.cont, .cont_sub {position:relative;}
.cont {height:411px;}
.cont_sub {padding-bottom:12px;}
.top_sub {
	padding:5px 0px 5px 0px;
	height:28px;
}

/**slider abajo**/
.mid_sub { height:61px;}


/**MENU**/
.menu, .menu ul li, .buscar {height:34px;}
.buscar {
	margin-right:33px;
	background:url(images/backbuscar1.png) no-repeat;
	width:239px;
}
.buscar input {
	width:129px;
	height:13px;
	font-size:10px;
	border:none;
	margin:11px 0px 0px 110px;
	background:none;
}
.menu ul {margin-left:40px;}
.menu ul li{
	display:block;
	float:left;
}
.menu ul li.proy { width:122px; background:url(images/butproyectos1.png); margin-right:21px;}
.menu ul li.proy:hover {background:url(images/butproyectos2.png);}
.menu ul li.activeproy {background:url(images/butproyectos2.png)!important;}

.menu ul li.serv { width:110px; background:url(images/butservicios1.png); margin-right:20px;}
.menu ul li.serv:hover {background:url(images/butservicios2.png);}

.menu ul li.colab { width:145px; background:url(images/butcolab1.png); margin-right:19px;}
.menu ul li.colab:hover {background:url(images/butcolab2.png);}
.menu ul li.activecolab {background:url(images/butcolab2.png)!important;}

.menu ul li.client { width:97px; background:url(images/butclient1.png); margin-right:23px;}
.menu ul li.client:hover {background:url(images/butclient2.png);}
.menu ul li.activeclient {background:url(images/butclient2.png)!important;}

.menu ul li.contact { width:102px; background:url(images/butcontact1.png); margin-right:19px;}
.menu ul li.contact:hover {background:url(images/butcontact2.png);}


.menu ul li a {
	display:block;
	height:100%;
	width:100%;
}
.colorerror { color:#000!important;}

/****z cont inicio****/
.mini {
	width:245px;
	height:117px;
	background:url(images/backmini.png) no-repeat;
	top:0px;
	right:0px;
	z-index:999999999999;
}

.headzon {
	font-family:Arial;
	font-size:11px;
	color:#ccc;
	display:block;
	position:absolute;
	padding-top:41px;
	height:5px;
	z-index:9999;
}
.headzon a { color:#CCC; text-decoration:none;}
.headzon a:hover {text-decoration:underline;}

.headzon ul {margin-right:6px;}
.headzon ul li{display:block;float:left;}

.headzon ul li.fl:hover {background:url(images/butfl.png) no-repeat;}
.headzon ul li.fb:hover {background:url(images/butfb.png) no-repeat;}
.headzon ul li.tw:hover {background:url(images/buttw.png) no-repeat;}

h2.autor {
	display:block;
	color:#FFF;
	font-family:Arial;
	position:absolute;
	z-index:99999999;
	font-size:10px;
	text-align:right;
	width:50%;
	border-bottom:1px solid #666;
	padding-bottom:5px;
	bottom:-30px;
	right:-53px;
}
h2.autor span {
	display:block;
	margin-top:5px;
	font-size:14px;
}

.logo, .mini {
	display:block;
	position:absolute;
}

.logo {
	left:3px;
	top:22px;
	width:246px;
	height:84px;
	background:url(images/logomargen.png) no-repeat;
}

/**CAPAS**/
span.cerrarcapa {
	width:22px;
	height:22px;
	display:block;
	position:absolute;
	right:18px;
	bottom:11px;
	background:url(images/cerrarcapa.jpg) no-repeat;
}
span.cerrarcapa a {display:block; width:100%; height:100%; text-indent:-10000000px;}

.servicios {background:url(images/backcapas.jpg) no-repeat;}
.contacto {background:url(images/backcapas_contacto.jpg) no-repeat;}
.servicios, .contacto {
	padding:25px 0px 0px 31px;
	display:block;
	position:absolute;
	height:269px;
	width:959px;
	top:99px;
	left:-1px;
	color:#FFF;
	z-index:99999;
}
.servicios h1, .servicios p, .contacto h1, .contacto p {margin-bottom:17px;}
.servicios h1, .contacto h1 {font-size:24px;font-weight:lighter; text-transform:uppercase;}
.servicios p, .contacto p {font-size:12px;}

.col291 {
	padding-right:30px;
	width:261px;
	line-height:14px;
}
.col234, .col229, .col205, .col329 {
	background:url(images/backcapas_linea.jpg) no-repeat 0px 16px;	
}
.col234 {padding:0px 21px 0px 28px;	width:185px;}
.col229 {padding:0px 35px 0px 38px;	width:156px;}
.col205 {padding:0px 32px 0px 32px;	width:141px;}
.col329 {padding:0px 29px 0px 32px;	width:267px; line-height:17px; margin-top:37px;}


/**CONTACTO**/
.contct {
	margin-top:9px;
	width:557px;
	height:215px;
}
span.rojo {color:#666;}
.contct table {font-size:10px; font-family:Arial; margin-top:12px;}

.contct table tr td textarea.txarea, .contct table tr td input.check, .contct table tr td input.datos {
	background:none;
	color:#FFF;
	border:none;
	margin-bottom:2px;	
}

.contct table tr td textarea.txarea {
	width:300px;
	border-bottom:1px solid #333!important;
}

.contct table tr td input.check {
	border:1px solid #333!important;
}
.contct table tr td input.datos {
	border:none;
	border-bottom:1px solid #333!important;
}

.contct table tr td.datform {width:140px; text-transform:uppercase; vertical-align:top;}




/**** FOOTER ***/
.footer {
	position:relative;
	padding-top:16px;
	height:40px;
	font-size:11px;
	font-family:Arial;
	color:#999;
}
.zonabanners {position:absolute; width:551px; height:31px; top:9px; left:27px;}
.zonabanners img {float:left; margin-left:5px; display:block;}

.emp{text-align:left; margin-left:34px;}
.dir{text-align:right; margin-right:34px;}

.footer p a {
	color:#999;
	text-decoration:none;
}

/***SLIDER MAIN*****/
.roundabout-holder {
	list-style: none;
	width: 822px;
	height:372px;
}
.roundabout-moveable-item {
	margin-top:55px;
	margin-left:5px;
	width: 442px;
	height: 266px;
	font-size: 1em;
	cursor: pointer;
}
.moveable {position:relative;}
.moveable p {position:absolute; z-index:9999;}

.roundabout-moveable-item img {
	height: 100%;
	width: 100%;
}
.roundabout-in-focus {cursor: auto;}

.overslider {
	width:100%;
	height:30%;
	position:absolute;
	background:url(images/backoverslide.png) repeat;
	z-index:999;
	bottom:0px;
}
.contsliderizq {
	color:#FFF;
	font-family:Arial;
	width:95%;
	height:69px;
	margin:8px 0px 0px 15px;
}
.contsliderizq p.descp {font-size:0.8em;width:81%;}
.contsliderizq p.perso {font-size:0.8em; width:81%;}

ul.tagsperso li {
	display:block;
	float:left;
	margin-top:12px;
	margin-right:4px;
	font-size:0.7em;
	color:#333;
}
ul.tagsperso li a{color:#333; text-decoration:none;}
ul.tagsperso li a:hover{color:#333; text-decoration:underline;}

span.noalink a, a.linktit {color:#FFF!important; text-decoration:none!important;}
span.noalink a:hover, a.linktit:hover {text-decoration:underline!important;}

ul.listcate, ul.listcate li{
	display:block;
	float:right;
}


span.blanco { color:#999!important;}

span.small {font-size:0.7em;}
span.megusta, span.cerrar {
	display:block;
	z-index:9999999;
	position:absolute;
}
span.megusta{
	width:37px;
	height:42px;
	right:9px;
	bottom:7px;
}
span.cerrar {
	width:14px;
	height:13px;
	top:10px;
	right:22px;
	background:url(images/spancerrar.png) no-repeat;	
}
span.cerrar a {width:100%; height:100%; display:block;}
span.cerrar a {text-indent:-10000000000px;}



/***PANELES SLIDERS**/
.boxgrid{
	width: 185px; 
	height: 61px; 
	float:left;
	background:url(images/back_slides.jpg);
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p, .boxgrid p a{
	padding-top:10px;
	padding-left:10px;
	display:inline-block;
	text-align:left;
	color:#afafaf; 
	font-weight:bold; 
	font:10pt Arial;
	text-decoration:none;
}
.boxgrid p a:hover { text-decoration:underline;}








.carga {
	width:100%;
	height:100%;
	background:url(images/oversitio.png) repeat;
	z-index:99999999999;
	position:absolute;
}
.incarga {
	position:absolute;
	top: 50%;
	left: 50%;
	width:40px;
	height:20px;
	margin-top: -10px; /*set to a negative number 1/2 of your height*/
	margin-left: -20px; /*set to a negative number 1/2 of your width*/
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}