/*
Description: Official Theme of Gress Marketing
Date: 25-Enero-2011
Author: Yessy Ortiz, yessenia.ortiz@masclicks.com.mx
Version: 1.0
*/


*{margin:0;	padding:0;}

a{color:#8FC2FF; text-decoration: none;	outline: none;}
a:hover{text-decoration: underline;}
img{border:none;}
h2{margin-left:20px; padding-top:15px;color: white; text-shadow: 0px 2px 3px #333; font:bold 15px "Helvetica", Arial, Trebuchet MS, sans-serif; line-height:28px;}
body {overflow:hidden;/*Para eliminar scrollbars*/ background: #414147;}
#content{margin:0px auto; height:100px;	width:100%;	bottom:5%; z-index: 3; background:#262626 no-repeat 90%; border-top:1px solid #000; 			border-bottom:1px solid #4F4F4F; position:absolute;}
#contentframe{overflow: hidden;	border-top:solid 1px #4F4F4F; border-bottom:1px solid #000; height: 100%; text-align:left; z-index: 3;}
#slidecounter{float:left; color:#4F4F4F; font:50px "Helvetica Neue", Arial, sans-serif; font-weight:bold; margin:18px 20px;	}
#slidecaption{overflow: hidden; float:left; color:#FFF; font:26px "Helvetica Neue", Arial, sans-serif; font-weight:bold; margin:33px 0; }
		
/*Supersized Stamp*/
.stamp{ float: right; margin: 25px 20px 0 0; }

/*Supersize Plugin Styles*/
#navigation{ background: url('images/navbg.gif') no-repeat; float: right; margin:22px 20px 0 0;}
#loading {position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em; background-image: url(images/progress.gif);}
#supersize{ position:fixed; z-index:-10; }
#supersize img, #supersize a{height:100%; width:100%; position:absolute; z-index: 0;}
#supersize .prevslide, #supersize .prevslide img{z-index: 1;}
#supersize .activeslide, #supersize .activeslide img{ z-index: 2;}
				
#bg_grid { position:absolute; top:0px; left:0; background: url(../images/background-pattern.gif) repeat; z-index:-1; width:100%; height:100%; }

.content-index{margin-top: 2%; /*margin-left:7%;*/ width:37%; height:60%; float:left; clear:right;}
.logo{width: 160px; height:69px; margin-left:75px;}
.logo img{ border:none;}
.line-point{width: 80%; height:1px; margin-top:10px; margin-bottom:11px; background: transparent url(../images/line-point.png) repeat-x; margin-left:75px;}
.line-point2{width: 107%; height:1px; margin-top:10px; margin-bottom:11px; background: transparent url(../images/line-point.png) repeat-x; margin-left:-6%; }
.slogan{width: 80%; height:40px; margin-left:75px;  }
p{color:white; text-shadow: 0 3px 3px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(color='#101010', Direction=145, Strength=4);
 font:13.4px/26px "Helvetica", Arial, Trebuchet MS, sans-serif; line-height:28px; margin-left:75px;}
.nav{width: 50%; color:white; margin-top:15px; margin-bottom:10px; /*margin-left:75px;*/ }
.nav ul{ list-style:none; }
.nav ul li{  text-align:right; width:100%; height:25px; }
.nav ul li a{color:white; text-decoration:none; font:12px/24px "Helvetica", Arial, Trebuchet MS, sans-serif; line-height:24px; text-align:right; padding-right:5px; background:#9d1c20; width:65%; display:block; float:right; margin-bottom:4px;}

a#quienes-somos, a#servicios, a#uniformes, a#galeria, a#casting, a#contacto{width:100%;}




.social{width:50%; text-align: right; clear:both; }
.social a{ text-decoration:none; color:white;  }
.footer{width:100%; height:30px; bottom:20px; position:absolute; background:url(../images/bg-footer.png) repeat-x; left:0;}
.footeri{width: 76%; height:30px; margin-left:2%; float:left; clear:right; }
.footeri p{font:11px "Tahoma","Myriad Pro", Arial, Trebuchet MS, sans-serif; margin-top:7px;}
.footerd{width:10%; height:30px; float:left; margin-right:7%;}
.footerd img{border: none;}
.content-gallery{width: 56%; height:auto; margin:0 auto; padding-top:2%; margin-top: 6%; float:left; margin-left:20px; font-size:10px; color:#fff; text-transform:uppercase; font-family:Verdana;}

.content-gallery img{ margin:3px; }
.content-der{width: 45%; height:auto; margin:0 auto; padding-top:2%; margin-top: 2%; float:left; margin-left:20px; font-size:10px; /*color:#fff;*/ text-transform:uppercase; font-family:Verdana; color: white; text-shadow: 0px 2px 3px #333;}
.content-der p{font-size:11px; text-transform: none;/*line-height:20px;*/ color: white; text-shadow: 0px 2px 3px #333; margin-left:10px;}
.content-der span{ font-weight:bold;}
.direccion{width: 85%; margin:0 auto;}
.direccion p{font-size:12px; text-transform: none;line-height:16px; color: white; text-shadow: 0px 2px 3px #333; margin-left:10px;}
.direccion2{width: 430px; margin:0 auto;}
.direccion2 p{font-size:12px; text-transform: none;line-height:16px; color: white; text-shadow: 0px 2px 3px #333; margin-left:10px;}
p#imgs{ text-align:center;}
.mar-img{margin: 3px;}
table{ margin:0 auto;}
#mapa{float: right; margin-left:5px; z-index:10000;}
form p{ text-align:right; font-size:12px; color:white; line-height:14px;}
form span{color:red; font-size:10px;}
#back{background:url(../images/bg-footer.png) repeat; color:white;}
/*#back2{background:url(../images/bg-footer.png) repeat; color:white; line-height:15px;}*/
#enviar{width: 70px; height:25px; font-size:12px;}
#nombre{ background:url(../images/bg-footer.png) repeat; color:white; width:330px; height:20px;margin-bottom:5px;}
#email{ background:url(../images/bg-footer.png) repeat; color:white; width:330px; height:20px;margin-bottom:5px;}
#telefono{ background:url(../images/bg-footer.png) repeat; color:white; width:330px; height:20px;margin-bottom:5px;}
#comentario{ background:url(../images/bg-footer.png) repeat; color:white; width:330px; height:75px; margin-bottom:10px;}
.text-box{width: 99%; height:auto; margin:0 auto;  margin-top: 10px; margin-bottom:10px; padding:5px;}
.text-box p{ line-height:18px; font-size:12px; font-family:Verdana; color: white; text-shadow: 0px 2px 3px #333; padding:10px;}
table{ margin:0 auto;}
.thumbs{text-align:center;}

#thumbs{margin: 5px;}


ul.tabs {
	float: left;
	list-style: none;
	height: 28px; /*--Set height of tabs--*/
	width: 30%;
	margin-top:-25px;
	/*margin-left:1%;*/
	margin-left:68%;
	
	
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 28px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 28px; /*--Vertically aligns the text within the tab--*/
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	display: inline;
}


ul.tabs li a {
	text-decoration: none;
	color:#999;
	display: block;
	font-size: 1.2em;
	padding: 0 1em;
	outline: none;
}
ul.tabs li a:hover {
	
	color:#9D1C20;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { 
	background: url(../images/bg-footer.png) repeat;
	color:#9D1C20;
}


.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
}

.tab_content {
	font-size: 1.2em;
}