* {margin: 0; padding: 0;}

body { background-color:#F8931F;}

h2 {font-family: Century Gothic,Arial,Helvatica; color: #FF9900; font-size: 1.625em;}

h3 {font-family: Century Gothic,Arial,Helvatica; color: #999; font-size: 1.25em; }

h4 {font-family: Century Gothic,Arial,Helvatica; color: #FFF; font-size: 1.25em;}

p {font-family: Century Gothic,Arial,Helvatica; color: #333333; font-size: 0.875em; text-decoration: none;}

img {border:none;}

/***********************************************************************/
.header {
	background-color:#FFF;
	height: 110px;
	width: 100%;
}
.header ul li  {
	float: left;
	margin: 0 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style:inherit;
	font-weight: bold;
	position: relative;
}
.logo {
	float:left;
	margin: 10px 0 0 10px;
}
.menu {
	height: 25px;
	width: 560px;
	float: right;
	position: relative;
	top: 75px;
}
.menu li a {
	color: #999999;
	text-decoration: none;
}
.menu li a:visited {
	color: #999999;
	text-decoration: none;
}
.menu li a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.menu li a:active {
	color: #FF6600;
	text-decoration: none;
}
.menu-servicios {
	display: none;
	float:left;
	position:absolute;
	height:140px;
	width:135px;
	z-index:1;
	list-style: none;
	border:2px solid #FFF;
	background-color: #FFFFFF;
}
.menu-servicios li {
	background-color:#F4F4F4;
	border:1px solid #CCCCCC;
 	padding:5px;
	width:123px;
	margin:0;
 }
 .menu-servicios li:hover {
	background-color:#FFF;
	border:1px solid #696969;
	padding:5px;
	width:123px;
	margin:0;
 }
.top_nav { list-style: none;}

/***********************************************************************/
.nav {
	height: 375px;
	width: 100%;
	background-color:#F8931F;
}
.logo_bottom {
	left: 24px;
    position: absolute;
    width: 127px;
	top:110px;
}

.main {
	height:375px;
	margin:0 auto;
	padding: 0;
	position: relative;
	width: 100%;
	overflow:hidden;
}
.main li {
	margin-left:20px;
}
.img {
	position:relative;
	height: 375px;
}
.img li {
	list-style:none;
	margin:0;
	float:left;
}
.img img {
	height:310px;
	width:937px;
}
.img a.carousel-control {
	display:none;
}
	
.base {
	height:375px;
	position: absolute;
	width: 100%;
}

.titleslide {
	height: 300px;
	width: 400px;
	float: left;
	position: relative;
}

/*Contenido principal***********************************************************************/
.content {
	background-color: #FFF;
	background-image: url(../img/content.png);
	background-repeat:repeat-x;
	height: 415px;
	position: relative;
	width: 100%;
}
.content_nav {
	height: 415px;
	width: 982px;
	margin: 0 auto;
}
.servicios {
	float: left;
	height: 227px;
	width: 982px;
	position: relative;
	background-image: url(../img/content.gif);
}

.title {
	height:38px;
	width:400px;
	position: relative;
	top: 35px;
	border-bottom: 1px solid #E6E6E6;
}
#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	margin:75px 25px 0 13px;
	width:40px;
	float:left;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	
	/* Future proofing (these do not work yet): */
}

#navigationMenu a{
	height:39px;
	width:38px;
	display:block;
	position:relative;
	background-image: url(../img/navigation.jpg);
	background-repeat: no-repeat;
}

/* General hover styles */
#navigationMenu a:hover span{width:auto; padding:0 10px; overflow:visible;}
#navigationMenu a:hover{text-decoration:none;}

#navigationMenu .produccion-grafica {background-position:0 0;}
#navigationMenu .produccion-grafica:hover {background-position:0 -39px;}
#navigationMenu .produccion-grafica span{background-color:#97B544; color:#3d4f0c; float:left; left:0; top:40px; z-index:5;}

#navigationMenu .desarrollo-web {background-position:-38px 0;}
#navigationMenu .desarrollo-web:hover {background-position:-38px -39px;}
#navigationMenu .desarrollo-web span{background-color:#4BA2C3; color:#223a44; float:left; left:0; top:40px;}

#navigationMenu .audiovisual {background-position:-76px 0;}
#navigationMenu .audiovisual:hover {background-position:-76px -39px;}
#navigationMenu .audiovisual span{background-color:#D3894C; color:#5a3517;float:left; left:0; top:40px;}

#navigationMenu .mercadeo {background-position:-114px 0;}
#navigationMenu .mercadeo:hover{background-position:-114px -39px;}
#navigationMenu .mercadeo span{background-color:#D9B751; color:#604e18;left:0; top:40px;}

#navigationMenu .publicidad {background-position:-152px 0;}
#navigationMenu .publicidad:hover {background-position:-152px -39px;}
#navigationMenu .publicidad span{background-color:#BF4B9C; color:#460f35;	float:left;	left:0;	top:40px;}

.clientes {
	float: right;
	height: 125px;
	width: 490px;
	position: relative;
	top: -10px;
	padding-top: 25px;
}

/*Logos Footer Faisa/SantaMaria*/
.logos a {
	display:block;
	border:none;
	background-position:left top;
	background-repeat:no-repeat;
	margin-top:30px;
	width:118px;
	height:100px;
	overflow: hidden;
}
.logos a:hover { background-position: 0 -47px; text-decoration: none; }
.logos .alt { display:none; }
.logos a#sizetop {
	background-image: url(../img/sizetop.png);
	float: left;
	height: 45px;
}
.logos a#sm {
	background-image: url(../img/sm.jpg);
	float: left;
	margin-left: 30px;
	width: 179px;
	height: 43px;
}
.logos a#virtual {
	background-image: url(../img/virtual.png);
	float: left;
	margin-left: 30px;
	width: 133px;
	height: 44px;
	margin-top: 30px;
}
.promo {
	height: 175px;
	position: relative;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
	vertical-align: baseline;
	outline: 0 none;
	width: 982px;
	top:0px;
}
.promo ul {
	list-style:none;
	vertical-align:baseline;
}
.promo-1 {
	float: left;
	display: block;
	position: relative;
	width: 294px;
}
.promo-2 {
	float: left;
	display: block;
	position: relative;
	width: 294px;
	margin: 0;
	padding: 0;
}
.promo-3 {
	float: right;
	display: block;
	position: relative;
	width: 294px;
	margin: 0;
	padding: 0;
}
.promoli {
display:inline-block;
margin:0;
overflow:hidden;
position:relative;
vertical-align:top;
}

/*Footer****************************************************************************************/

.footer {
	background-image: url(../img/footer.png);
	background-repeat: repeat-x;
	height:320px;
	width: 100%;
}
.footer_inner {
	width: 900px;
	position: relative;
	margin: 0 auto;
	top: 30px;
	height: 250px;
}
/*Bloque 1*/
.footerleft {
	float: left;
	height: 240px;
	width: 165px;
	position: relative;
	margin-left: 30px;
}
.footerleft ul {
	margin-top: -12px;
}
.footerleft li a {
	text-decoration: none;
	font: 0.875em Century Gothic,Arial,Helvatica;
	color: #333333;
	line-height:60px;
}	

.footerleft li a:hover {
	text-decoration: underline;
	color: #FFF;
}
/*Bloque 2*/
.footercenter {
	float: left;
	height: 240px;
	width: 200px;
	position: relative;
	margin-right:15px;
}
.footercenter ul {
	margin-top: -12px;
}
.footercenter li a {
	text-decoration: none;
	font: 0.875em Century Gothic,Arial,Helvatica;
	color: #333333;
	line-height:60px;
}

.footercenter li a:hover {
	text-decoration: underline;
	color: #FFF;
}
/*Bloque 3*/
.social {
	float:left;
	height: 280px;
	width: 230px;
	position: relative;
	}
.social ul {
	list-style: none;
	display: block;
	float: left;
	width: 230px;
	height: 280px;
	}
.icons {
	clear: left;
	width: 220px;
}
.social ul li {
	line-height: 60px;
	height: 60px;
	}
.social ul li a {
	text-decoration: none;
	font: 0.875em Century Gothic,Arial,Helvatica;
	color: #333333;
	margin: 0;
	}
.social ul li a:hover {
	text-decoration: underline;
	color: #FFF;
	}
.social ul li a.facebook {
	height:32px;
	position:relative;
	background-image: url(../img/facebook.png);
	padding: 10px 0 0 55px;
	background-repeat: no-repeat;
	float: left;
	}
.social ul li a.twitter {
	height:32px;
	position:relative;
	background-image: url(../img/twitter.png);
	padding: 10px 0 0 55px;
	background-repeat: no-repeat;
	float: left;
}
.social ul li a.vimeo {
	height:32px;
	position:relative;
	background-image: url(../img/vimeo.png);
	padding: 10px 0 0 55px;
	background-repeat: no-repeat;
	float: left;
	}
.social ul li a.youtube {
	height:32px;
	position:relative;
	background-image: url(../img/youtube.png);
	padding: 10px 0 0 55px;
	background-repeat: no-repeat;
	float: left;
	}
/*Bloque 4*/	
.footeright {
	float: left;
	height: 240px;
	width: 260px;
	position: relative;
}
.footeright ul {
	list-style:none;
	line-height: 20px;
	margin-top: 10px;
} 
footer .footeright ul li a {
	padding: 5px 0 48px 45px;
	text-decoration: none;
	font: 0.875em Century Gothic,Arial,Helvatica;
	color: #333333;
	line-height:60px;
}	
footer .footeright ul li a:visited {
	text-decoration: none;
	color: #333333;
}
footer .footeright ul li a:hover {
	text-decoration: underline;
	color: #FFF;
}
footer .footeright ul li a.youtube {
	background: url(../img/yt.png) no-repeat;
	height:48px;
	position:relative;
	}

.colorTip{
	display:none;
	position:absolute;	
	left:50%;
	top:-30px;
	padding:6px;
	background-color:white;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:center;
	white-space:nowrap;

}

.pointyTip,.pointyTipShadow{
	/* Setting a thick transparent border on a 0x0 div to create a triangle */
	border:6px solid transparent;
	bottom:-12px;
	height:0;
	left:50%;
	margin-left:-6px;
	position:absolute;
	width:0;
}

.pointyTipShadow{
	/* The shadow tip is 1px larger, so it acts as a border to the tip */
	border-width:7px;
	bottom:-14px;
	margin-left:-7px;
}

.colorTipContainer{
	position:relative;
	text-decoration:none !important;
}


/* 6 Available Color Themes */

.white .pointyTip{ border-top-color:white;}
.white .pointyTipShadow{ border-top-color:#ddd;}
.white .colorTip{
	background-color:white;
	border:1px solid #DDDDDD;
	color:#555555;
}

.yellow .pointyTip{ border-top-color:#f9f2ba;}
.yellow .pointyTipShadow{ border-top-color:#e9d315;}
.yellow .colorTip{
	background-color:#f9f2ba;
	border:1px solid #e9d315;
	color:#5b5316;
}

.blue .pointyTip{ border-top-color:#d9f1fb;}
.blue .pointyTipShadow{ border-top-color:#7fcdee;}
.blue .colorTip{
	background-color:#d9f1fb;
	border:1px solid #7fcdee;
	color:#1b475a;
}

.green .pointyTip{ border-top-color:#f2fdf1;}
.green .pointyTipShadow{ border-top-color:#b6e184;}
.green .colorTip{
	background-color:#f2fdf1;
	border:1px solid #b6e184;
	color:#558221;
}

.red .pointyTip{ border-top-color:#bb3b1d;}
.red .pointyTipShadow{ border-top-color:#8f2a0f;}

.black .pointyTip{ border-top-color:#333;}
.black .pointyTipShadow{ border-top-color:#111;}
.black .colorTip{
	background-color:#333;
	border:1px solid #111;
	color:#fcfcfc;
}