@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	text-align:center;
	background:url(../images/fondo_web.jpg) no-repeat top center #e2e2e8;
	font-size:13px;
	font-family: 'Ubuntu', sans-serif;
	
	height : 100%;
	cursor : default;

}
.contenedor{
	width:950px;
	height:auto;
	margin:0 auto;
	text-align:center;
	display:block;
}
.header{
	width:950px;
	height:141px;
	margin:0;
	text-align:center;
	display:inline-block;
	background-color:#1a1a1a;
}
.logo{
	width:187px;
	height:75px;
	margin:35px 0 0 20px;
	display:inline-block;
	float:left;	
}
.menu{
	display:inline-block;
	float:left;
	width:450px;
	height:60px;
	margin:48px 0 0 180px;
	background:url(../images/fondo_menu.png) no-repeat;
	display:inline-block;
	
}
.slide-fondo{
	width:950px;
	height:241px;
	margin:0;
	display:inline-block;
	background:url(../images/fondo_slide.png) no-repeat;

	margin:0;
}
.sombra-slide{
	margin-left:2px;	
}
.slide{
	width:910px;
	height:221px;
	margin:0;
	display:inline-block;
	background-color:#000;
	border:10px #FFF solid;
	margin:0 0 0 0px;
}
.contenidos{
	width:950px;
	height:auto;
	margin:0;
	text-align:center;
	display:inline-block;
	background-color:#fff;

}
.footer{
	width:950px;
	height:auto;
	margin:0;
	text-align:center;
	display:inline-block;
}
.footer-menu{
	float:left;
	display:inline-block;
	margin:5px 0 0 25px;
	padding:0px;
	border:0px solid #000;
	cursor:pointer;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;}
.footer-menu:hover{
	color:#F00;
}

.tit-servicios{
	width:950px;
	height:50px;
	background:url(../images/servicios_creaturi.jpg) no-repeat;
	margin:10px 0 10px 0;
	float:left;
	display:inline-block;
}
.tit-nosotros{
	text-align:left;
	color:#333;
	margin:0px;
	padding:0px;
	font-size:30px;
}
.txt-nosotros{
	text-align:left;
	color:#333;
	margin:0px 0 15px 0;
	padding:0px;
	text-align:justify;
}
.txt-nosotros-link{
	text-align:left;
	color:#333;
	margin:0px 0 15px 0;
	padding:0px;
	text-align:justify;
	text-decoration:none;
}
.txt-nosotros-link:hover{
	color:#C00;
	text-decoration:underline;
	
}
.link{
	float:left;
	display:inline-block;
	margin:5px 0 0 25px;
	padding:0px;
	border:0px solid #000;
	cursor:pointer;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
.link img:hover{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */	
}
.sevicios-contenedo{
	width:950px;
	height:200px;
	float:left;
	margin:0px 0 10px 0px;
	padding:0px;
	display:inline-block;
}
.cuadro-web{
	width:332px;
	height:181px;
	float:left;
	margin:10px 0 0 10px;
	padding:0px;
	display:inline-block;
	background:url(../images/sitios-web.jpg) no-repeat;
	text-align:left;
	
}
.cuadro-social{
	width:304px;
	height:181px;
	float:left;
	margin:10px 0 0 10px;
	padding:0px;
	display:inline-block;
	background:url(../images/social-media.jpg) no-repeat;
	text-align:left;
}
.cuadro-grafico{
	width:277px;
	height:181px;
	float:left;
	margin:10px 0 0 10px;
	padding:0px;
	display:inline-block;
	background:url(../images/grafico.jpg) no-repeat;
	text-align:left;
}
.icono-web{
	width:310px;
	height:auto;
	float:left;
	margin:-10px 0 5px 10px;
	padding:0px;
	display:inline-block;
	font-size:13px;
	list-style:none;
	color:#484848;
	text-align:right;

}
.icono-media{
	width:270px;
	height:auto;
	float:left;
	margin:-10px 0 5px 25px;
	padding:0px;
	display:inline-block;
	font-size:13px;
	list-style:none;
	color:#484848;
	text-align:right;

}
.icono-grafico{
	width:270px;
	height:auto;
	float:left;
	margin:-10px 0 5px 3px;
	padding:0px;
	display:inline-block;
	font-size:13px;
	list-style:none;
	color:#484848;
	text-align:right;

}

.txt-web{
	width:310px;
	height:auto;
	float:left;
	margin:40px 0 5px 10px;
	padding:0px;
	display:inline-block;
	font-size:13px;
	list-style:none;
	color:#484848;
}
.txt-social{
	width:289px;
	height:auto;
	float:left;
	margin:40px 0 5px 10px;
	padding:0px;
	display:inline-block;
	font-size:13px;
	list-style:none;
	color:#484848;

}
.txt-grafico{
	width:289px;
	height:auto;
	float:left;
	margin:40px 0 5px 10px;
	padding:0px;
	display:inline-block;
	font-size:13px;
	list-style:none;
	color:#484848;
}
.footer{
	width:950px;
	height:250px;
	float:left;
	margin:0px 0 0 0px;
	padding:0px;
	display:inline-block;
	background:url(../images/footer.png) no-repeat;
}
.txt-footer{
	width:450px;
	height:113px;
	font-size:13px;
	color:#f2f2f2;
	margin:15px 0 0 15px;
	text-align:left;
	display:inline-block;
	float:left;

}
.sub-footer{
	width:450px;
	height:38px;
	font-size:13px;
	color:#f2f2f2;
	margin:19px 0 0 10px;
	text-align:left;
	display:inline-block;
	float:left;
}
.liweb{
	height:17px;
	float:left;
	width:318px;
	margin:0 0 2px 2px;
	list-style:none;
	background-color:#e9e9e9;
	border-radius:5px;
	padding:3px 5px 5px 5px;
}
.footer-keywords{
	font-size:10px;
	color:#666;
	width:450px; float:left; margin:5px; display:inline-block;
	float:left;
	display:inline-block;
	margin:3px 0 0 30px;
	text-align:left;	
}
.lisocial{
	height:17px;
	float:left;
	width:290px;
	margin:0 0 2px 2px;
	list-style:none;
	background-color:#e9e9e9;
	border-radius:5px;
	padding:3px 5px 5px 5px;
}
.ligrafico{
	height:17px;
	float:left;
	width:264px;
	margin:0 0 2px 2px;
	list-style:none;
	background-color:#e9e9e9;
	border-radius:5px;
	padding:3px 5px 5px 5px;
}
.link-footer{
	color:#C00;
	font-size:14px;
	text-decoration:none;	
}
.link-footer:hover{
	color:#fff;
	font-size:14px;
	text-decoration:none;	
}



/* container for slides */
.images {
	/*background:#fff url(/img/global/gradient/h300.png) repeat-x;*/
/*	border:1px solid #ccc;
*/	position:relative;	
	height:221px;
	background-color:#C00;
	width:911px;
	margin:0px 0 0 0px;
	float:left;	
	cursor:pointer;
	
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:0px;
	padding:0px;
	height:221px;
	font-size:12px;
	float:left;
	width:911px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#456;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:330px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
/*	background:url(/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;*/
	display:block;
	font-size:1px;
	background-color:#FF0;
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	background:#fff url(../images/hori_large.png) no-repeat;
	background-color:#CCC;
	display:block;
	width:30px;
	height:30px;
	margin:0px 0 0 10px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


.cont_flechas{
	width:900px;
	margin:0px 0 0 10px;
	background-color:#333;
	border-bottom:3px #C00 solid;
	float:left;
	display:inline-block;
}


/*******************portafolio tabs***************************/
.webs{
	list-style:none;
	width:428px;
	height:30px;
	background-color:#FFF;
	padding:0px;
	float:left;
	margin:5px 5px 5px 0;

}
.links{
	width:286px;
	height:30px;
	background-color:#fff;
	padding:10px 0 0 10px;
	float:left;
	margin:10px 10px 0px 0px;
	font-family: 'Ubuntu', sans-serif;
	color:#333;
	text-decoration:none;
	font-size:15px;
	border-radius:5px;

}
.links:hover{
	color:#fff;
	background-color:#cd2e19;
}
.links-face{
	width:426px;
	height:30px;
	background-color:#3b5998;
	padding:10px 0 0 10px;
	float:left;
	margin:10px 10px 0px 0px;
	font-family: 'Ubuntu', sans-serif;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-weight:bolder;
	border-radius:5px;

}
.links-face:hover{
	background-color:#172646;
}



/*******************portafolio***************************/