/* Xerif - 09 Novembar */
/* Built By Xerif */

/* 1 - Generics */
*{
	margin:0px;
	padding:0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
body
{
	color:#6D6F71;
}
a
{
	text-decoration:none;
	color:#6D6F71;
}
a:hover{
	color:#EC008C;
}
ul
{
	list-style-image:none;
	list-style-type:none;
}

/* 2 - Main Sections */
#wrapper{
	width:100%;
	background:white;
}

#headerContainer{
	height:190px;
	width:100%;
	margin:0 auto;
}

#header{
	height:120px;
	width:980px;
	margin:0 auto;
	border-bottom:5px solid #005526;
}

#header h1{
	color:white;
	background:transparent url(../images/xerif.jpg) no-repeat scroll 50px 30px;
	height:100px;
	width:730px;
	float:left;
}
#header h1 a{
	display:block;
	height:100px;
	width:730px;
}
#headerContacts{
	width:250px;
	float:right;
	height:100px;
	text-align:center;
}
#headerContacts h2{
	font-size:2em;
}
#siteMap, 
#headerContactsContact{
	width:125px;
	height:50px;
	float:left;
}

#siteMap{
	background:url(../images/siteMap.jpg) no-repeat center center;
}
#headerContactsContact{
	background:url(../images/mail.jpg) no-repeat center center;
}

#middleContainer{
	width:980px;
	height:400px;
	margin:0 auto;	
}
#scope{
	width:100%;
	height:180px;
	background:url(../images/bgScope.jpg) repeat-x 0 0;
	float:left;
}
#footer{
	width:100%;
	height:40px;
	background:url(../images/bgFooter.jpg) repeat-x 0px 0px;
	border-top:5px solid #005526;	
	float:left;
	display:block;
}
#footer div{
	width:980px;
	margin:0 auto;
	padding-top:8px;
	height:40px;	
}

#footer p, #footer a{
	color:white;
	font-size:1.1em;
}
#footer a:hover{
	text-shadow:#0E4427 0px 2px 2px;
	color:#F47920;
}
#footer p{
	color:white;
	float:left;
	margin-left:20px;
}
#footer ul{
	float:right;
	width:50%;
	margin-right:20px;
}
#footer li{
	float:right;
	width:100px;
	text-align:center;
}


#footer a:hover{
}

/* 3 - Main Container */


/* 4 - Menú and Nav Bar */
#mainNavContainer{
	width:100%;
	height:40px;
}
#mainNav{
	width:980px;
	height:40px;
	background: url(../images/bgMainNav.jpg) repeat-x 0px 0px;
	margin:0 auto;
}
#mainNavMenu{
	width:980px;
	margin:0 auto;
}
#mainNav ul{
	width:980px;
}
#mainNav ul li{
	float:left;
	width:120px;
	height:40px;
	text-align:center;
}
#mainNav ul li a{
	color:white;
	display:block;
	height:35px;
	padding-top:5px;
	font-size:1.2em;
}
#mainNav ul li a:hover,
#mainNav ul li a.selected{
	background:url(../images/bgMainNavHover.jpg) repeat-x center center;
	
}
#mainNav #globals{
	width:100px;
	height:27px;
	float:right;
	padding-right:20px;	
	padding-top:8px;
}
#mainNav #globals a{
	margin-top:8px;
	color:#A6CE39;
}
#mainNav #globals a:hover{
	color:white;
}
#secNav{
	width:980px;
	height:31px;
	background: url(../images/bgSecNav.jpg) repeat-x 0px 0px;
	margin:0 auto;
}
/* 5 - Contact */

.contacto_button_dis{
	display:none;
	overflow:hidden;	
}
.contacto_button, .btn{
	background:url(../images/btn.jpg) no-repeat;
	width:137px;
}

.reg-val-in{	
	border: solid 1px #ff0000;	
}
.reg-val-out{
	border: solid 1px #e2e2e2;		
}
li.llenar-out{
	display:none;
	color:red;
}
li.llenar-in{
	text-align:center;
	color:red;
}
#contactButtons{
	display:block;
	float:left;
	text-align:center;
	width:100%;
}
#mainData #contactButtons input{
	border:none;
	color:white;
	background:#ccc;
	height:30px;
	font-size:1em;
	width:150px;
	margin:5px;
}
#mainData #contactButtons input:hover{
	cursor:default;
}

.msg-ok{
	color:#006600;
}
.msg-warning{
	color:#FF0000;
}
.CPtelefono{
	background:transparent url(../images/tel.jpg) no-repeat 0px 0px;
}
.CPmail{
	background:transparent url(../images/email.jpg) no-repeat 0px 0px;
}
.CPenviosADomicilio{
	background:transparent url(../images/envios.jpg) no-repeat 0px 0px;
}
.CPmsn{
	background:transparent url(../images/msn.jpg) no-repeat 0px 0px;
}
.CPDireccion{
	background:transparent url(../images/tel.jpg) no-repeat 0px 0px;
}
.CPtelefono, .CPmail, .CPenviosADomicilio, .CPmsn, .CPDireccion{
	text-indent:40px;
	padding:10px 0px;
}

/* ------------------------------------------------------------------ */
/* Extra Additions */

/* Main Structure */
#mainStructure{
	min-height:564px;	
	background:white;	
}
#bannerfixture,
#bannerindex{ 
	width:100%;
	height:210px;
	background:url(../images/fixtureMundial2010.jpg) no-repeat center center;
}
#bannerportfolio{
	width:100%;
	height:210px;
	background:url(../images/bannerportfolio.jpg) no-repeat center center;
}
#bannerimprenta{
	width:100%;
	height:210px;
	background:url(../images/bannerimprenta.jpg) no-repeat center center;
}
#bannerdisenoweb{
	width:100%;
	height:210px;
	background:url(../images/bannerdisenoweb.jpg) no-repeat center center;
}
#bannerdisenografico{
	width:100%;
	height:210px;
	background:url(../images/bannerdisenografico.jpg) no-repeat center center;
}
#bannercontacto{
	width:100%;
	height:210px;
	background:url(../images/fixtureMundial2010.jpg) no-repeat center center;
}
#bannerempresa{
	width:100%;
	height:210px;
	background:url(../images/bannerportfolio.jpg) no-repeat center center;
}
#bannerempresa{
	width:100%;
	height:210px;
	background:url(../images/bannerportfolio.jpg) no-repeat center center;
}

#box1 a{
	width:980px;
	height:210px;
	display:block;
}
#box1 h1{
	color:white;
	text-align:center;
	padding-top:170px;
}
#boxMenu{
	width:100%;
	height:220px;	
	background:url(../images/bgMain.jpg) repeat-x 0 0;
}
#boxMenu h1{
	color:white;
	font-size:1.35em;
}
#disenoGraficoMenu,
#disenoWebMenu,
#imprentaMenu{
	background:url(../images/boxMenu.jpg) no-repeat center center;
	width:317px;
	float:left;
	color:white;
}
#disenoGraficoMenu h1,
#disenoWebMenu h1,
#imprentaMenu h1{
	font-size:1.1em;
	text-align:center;
	margin-top:35px;
}

#disenoGraficoMenu{

}
#disenoWebMenu{

}
#disenoImprentaMenu{

}

#disenoGraficoMenu p, 
#disenoWebMenu p,
#disenoImprentaMenu p{
	margin-left:94px;
	font-size:0.80em;
}

#disenoGraficoMenu span,
#disenoWebMenu span,
#imprentaMenu span{
	width:62px;
	height:74px;
	float:left;
	margin-left:20px;
}

#disenoGraficoMenu span{
	background:url(../images/disenoGrafico.png) no-repeat 0 0;
}
#disenoWebMenu span{
	background:url(../images/disenoWeb.png) no-repeat 0 0;
}
#imprentaMenu span{
	background:url(../images/imprenta.png) no-repeat 0 0;
}
#scope a{
	text-align:right;
	width:100%;
	display:block;
}
#disenoGraficoMenu a{
	color:#00AEEF;
	font-size:0.80em;	
}
#disenoWebMenu a{
	color:#FFF100;
	font-size:0.80em;	
}
#imprentaMenu a{
	color:#EC008C;
	font-size:0.80em;	
}

#box2{
	background:url(../images/box2.jpg) no-repeat center center;
	width:320px;
	float:left;
	margin-left:95px;
	margin-top:20px;
	color:white;
}
#box3{
	background:url(../images/box3.jpg) no-repeat center center;
	width:320px;
	float:left;
	margin-left:95px;
	margin-top:20px;
	color:white;	
}

/*#formContainer{
	width:800px;
	margin:0 auto;
	border:1px solid #e2e2e2;
	margin:20px auto;
	float:left;
	background:white;
}
*/
#formContainer p{
	margin:5px;
}

.ulSudafrica{
	margin:5px;
}
#mainContainer{
	float:left;
	margin:0 auto;
	width:100%;
	background:#EBECED;
}

#mainData{
	background:white none repeat scroll 0 0;
	border:1px solid #E2E2E2;
	width:850px;
	float:left;
	min-height:350px;
	margin-left:60px;
	margin-top:10px;
	padding:10px;
}
#mainData input,
#mainData textarea{
	width:250px;
}
#mainData h1,
#mainData h2{
	display:block;
	float:left;
	text-align:center;
	width:100%;
}
#mainData dl{
	width:100%;
	float:left;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:10px;
}
#mainData dt{
	width:34%;
}
#mainData dd, 
#mainData dt{
	margin:5px 0px;
	float:left;
}
#mainData dt{
	text-align:right;
}
#mainData dd{
	margin-left:5px;
}
#indexNews li{
	font-weight:bold;
	border-bottom:1px solid #069346;
	line-height:30px;
	font-size:1em;	
}
#indexNews li span{

	font-weight:normal;	
}
#indexNews li#last,
#indexNosDedicamos li#last{
	text-align:right;
	font-style:italic;	
	border-bottom:none;
}
#indexNews a,
#indexNosDedicamos a{
	color:white;
}
#indexNews a:hover,
#indexNosDedicamos a:hover{
	color:yellow;
}
#indexNosDedicamos li{
	font-weight:bold;
	border-bottom:1px solid #069346;
	line-height:20px;
	font-size:1em;	
}
#firma{
	text-align:right;
}
#leftContact{
	width:50%;
}
#rightContact{
	width:50%;
	float:right;
}

#leftContact,
#righContact{
	float:left;
}
#leftContact{
	text-align:right;
}
#rightContact li,
#leftContact li{
	margin:5px 0px;
}
#rightContact li input,
#rightContact li textarea,
#rightContact li select{
	margin-left:5px;
}
#rightContact li textarea{
	height:80px;
}
#bigBtn{
	background:url(../images/bgMainNav.jpg) repeat-x;
	color:white;
	width:150px;
	height:30px;
	text-align:center;
	padding-top:10px;
	display:block;
	border:1px solid #333;
	margin:10px auto;
}
#bigBtn:hover{
	background:#333;
}
h4{
	border-bottom:1px solid #e2e2e2;
	width:100%;
	margin:5px;
}
#tableMundial{
	width:100%;
	border-collapse:collapse;	
}
#tableMundial h2{
	text-align:left;
	margin:10px 0 5px;
	border-bottom:1px dashed #ccc;	
	color:#003300;
}
#tableMundial li{
	list-style:inside;
	margin-left:20px;
}
#btnBig{
	background:url(../images/btnBig.jpg) no-repeat center center;
	margin:10px auto;
	width:445px;
	height:60px;
}
#btnBig:hover{
	/*opacity:.75;
	filter: alpha(opacity=75);*/
	background:url(../images/btnBigHover.jpg) no-repeat center center;
}
#btnBig a{
	color:white;
	display:block;
	width:445px;
	height:44px;
	margin:8px auto;
}
#btnBig a:hover{
	color:#EC008C;
}
.middleTD{
	width:50%;
	background:#f9f9f9;
	vertical-align:top;
	padding:10px 0;
}
#headerSilver,
#headerGolden{
	background:transparent url(../images/headerSilver.jpg) no-repeat scroll center center;
	display:block;
	font-size:20px;
	text-align:center;
	width:100%;
}
#headerGolden{
	background:url(../images/headerGolden.jpg) no-repeat center center;
}