img,div ,a{ behavior: url(iepngfix.htc) }

body{
	background: url('../images/bodyBg.jpg');
}

.mainContainer{
	background: url('../images/containerBg.png') repeat-y;
	overflow: hidden;
}

#footer{
	background: url('../images/footerBg.png') no-repeat;
	height: 24px;
	padding-top: 35px;
}

	#footer .footText{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000;
		margin-top: 5px;
	}
	
	#footer .brioLogo{
		margin-top: 3px;
	}

#header{
	position: relative;
}

	#header h1{
		background: url('../images/mainTitle.jpg') no-repeat;
		margin: 0px 20px 0px 15px;
		float: left;
		display: inline;
	}

	#header .dateAndTime{
		text-transform: uppercase;
		color: #999;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 15px 0px 0px 15px;
	}

	#header h1 a{
		width: 415px;
		height: 87px;
		display: block;
	}

	#header h1 a span{
		display: none;
	}
	
	#header .mainMenu{
		margin: 36px 0px 0px 0px;
	}
	
	#header .mainMenu li{
		display: inline;
		text-align: center;
		position: relative;
		z-index: 5;
	}
	
	#header .mainMenu li a{
		display: block;
		float: left;
		height: 36px;
		padding: 17px 0px 0px 0px;
		font-family: Arial, Helvetica, sans-serif;
		color: #FFF;
		font-size: 15px;
		text-transform: lowercase;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: -1px;
		text-align: center;
	}
	
		#header .mainMenu li .menuQuienes{
			background: url('../images/menuBg.jpg') no-repeat 0px 0px;
			width: 127px;
		}
		
		#header .mainMenu li .menuServicios{
			background: url('../images/menuBg.jpg') no-repeat -127px 0px;
			width: 89px;
		}
		
		#header .mainMenu li .menuCasos{
			background: url('../images/menuBg.jpg') no-repeat -216px 0px;
			width: 123px;
		}
		
		#header .mainMenu li .menuBlog{
			background: url('../images/menuBg.jpg') no-repeat -339px 0px;
			width: 61px;
		}
		
		#header .mainMenu li .menuContacto{
			background: url('../images/menuBg.jpg') no-repeat -400px 0px;
			width: 87px;
		}
		
		#header .mainMenu li .menuQuienes:hover, .about #header .mainMenu li .menuQuienes{
			background: url('../images/menuBg.jpg') no-repeat 0px -52px;
			color: #000;
		}
		
		#header .mainMenu li .menuServicios:hover, .services #header .mainMenu li .menuServicios{
			background: url('../images/menuBg.jpg') no-repeat -127px -52px;
			color: #000;
		}
		
		#header .mainMenu li .menuCasos:hover, .success #header .mainMenu li .menuCasos{
			background: url('../images/menuBg.jpg') no-repeat -216px -52px;
			color: #000;
		}
		
		#header .mainMenu li .menuBlog:hover, .blog #header .mainMenu li .menuBlog{
			background: url('../images/menuBg.jpg') no-repeat -339px -52px;
			color: #000;
		}
		
		#header .mainMenu li .menuContacto:hover, .contact #header .mainMenu li .menuContacto{
			background: url('../images/menuBg.jpg') no-repeat -400px -52px;
			color: #000;
		}
		
	#header #headerImages{
		height: 321px;
		margin-top: 25px;
		padding-bottom: 10px;
		position: relative;
		overflow: hidden;
	}
	
	#headerRotate{
		position: absolute;
		z-index: 1;
		left: 0px;
	}
	#headerRotate a img{
		border-bottom: 11px solid #000;
	}

	#navHeader{
		position: absolute;
		z-index:2;
		bottom: 26px;
		right: 20px;
	}

	#navHeader a{
		display: block;
		float: left;
		width: 36px;
		height: 23px;
		margin-right: -2px;
		color: #FFF;
		background: url('../images/header/headerPagerOff.png');
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		padding-top: 9px;
		font-size: 13px;
		text-align: center;
	}

	#navHeader a.activeSlide { background: url('../images/header/headerPagerOn.png'); }
	#navHeader a:focus { outline: none; }
	
h1.h2, h2{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	font-size: 17px;
	font-weight: bold;
	background-color: #FEAC0F;
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 10px 0px;
}

 h1.h2 a, h2 a{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}

.blogPost{
	font-family: Arial, Helvetica, sans-serif !important;
	text-transform: none !important;
	color: #FEAC0F !important;
	font-size: 20px !important;
	font-weight: bold !important;
	background: none !important;
	padding: 0px !important;
	margin: 10px 10px 20px 10px !important;
}

.blogPost a{
	color: #FEAC0F !important;
	text-decoration: none;
}

.grayBlogPost{
	background-color: #F0F0F0;
}

.commentSection a, .grayBlogPost a{
	color: #FEAC0F;
	text-decoration: none;
	font-weight: bold;
}

.commentSection a:hover, .grayBlogPost a:hover{
	text-decoration: underline;
}

.comment-body{
	margin-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	border-bottom: 1px dotted #000;
	border-left: 1px dotted #000;
}

.comment-author{
	font-size: 14px;
}
.comment-meta, .comment-body em{
	font-size: 10px;
}

.grayLeftSideBar{
	background-color: #F0F0F0;
	margin-top: -5px;
	margin-bottom: 5px;
	padding: 15px 10px 13px 10px;
}

.latestPosts{
	margin: 0px 0px 0px 0px;
}

.latestPosts li{
	padding: 0px 0px 6px 20px;
	background: url(../images/blogSidebarBullet.jpg) 0px 2px no-repeat;
}

.latestPosts a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.latestPosts a:hover, .tagCloud a:hover{
	text-decoration: underline;
}

.tagCloud a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

.grayBlogPost .entry{
	margin: 10px;
}

.blogPager{
	text-align: center;
}

.pagerOlder, .pagerNewer{
	display: inline;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
	font-size: 12px;
}

.pagerOlder a, .pagerNewer a{
	color: #000;
	text-decoration: none;
}

.pagerOlder a:hover, .pagerNewer a:hover{
	color: #333;
	text-decoration: underline;;
}

h1.clientH2{
	margin: 0px 0px 5px 0px !important;
}

.smallFont{
	font-size: 12px !important;
	padding: 7px 0px 7px 10px !important;
	background-color: #FEC14B;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FA930B;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	color: #FA930B;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	text-align: right;
}

h1.h5{
	font-family: Arial, Helvetica, sans-serif;
	color: #FA930B;
	font-size: 50px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	letter-spacing: -2px;
}

h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #FA930B;
	font-size: 30px;
	font-weight: bold;
	margin: -5px 0px 15px 0px;
	text-transform: uppercase;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	line-height: 130%;
}

.addressContact{
	margin: 20px 0px 0px 0px;
}

.clientsName{
	display: block;
	margin: 0px 0px 13px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.moreButton{
	margin: 15px 0px 5px 0px;
}

.clientsImage{
	margin: 5px 20px 15px 10px;
}

	.clientsImage img{
		border: 0;
	}

.grayContainer{
	padding: 10px;
	background-color: #F0F0F0;
	overflow: hidden;
}

.topGray{
	border-top: 3px solid #E3E3E3;
	padding-top: 0px;
}

.columned{
	width: 280px;
	float: left;
	padding-right: 20px;
}

.separated{
	margin-top: 10px;
}

.paddingated{
	padding-top: 10px;
	padding-bottom: 9px;
}

.clearer{
	clear: both;
}

.strange{
	border-left: 1px dotted #000;
	margin-left: 0px;
	padding-left: 9px;
}

.strange2{
	border-right: 1px dotted #000;
	margin-right: 0px;
	padding-right: 9px;
}

.weird{
	border-bottom: 1px dotted #000;
	margin: 10px 0px 3px 0px;
	height: 1px;
	overflow: hidden;
}

.langDropdown{
	position: absolute;
	top: 20px;
	right: 7px;
	z-index: 6;
}

.langDropdown a{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

.language{
	padding-left: 35px;
}

.dropDown{
	display: block;
	height: 16px;
	width: 140px;
	border: 1px solid #E9E9E9;
	padding-top: 3px;
}

.dropdownOptions{
	display: block;
	width: 80px;
	border: 1px solid #E9E9E9;
	height: 16px;
	padding-top: 3px;
}

.dropdownOptions:hover{
	display: block;
	width: 80px;
	border: 1px solid #E9E9E9;
	height: 16px;
	padding-top: 3px;
	background-color: #666;
	color: #FFF;
}

.selectedOptions{
	display: block;
	width: 80px;
	height: 16px;
	padding-top: 3px;
	margin-top: -3px;
}

.dropingDown{
	display: none;
	position: absolute;
}

.dropingDown li{
	height: 19px;
	margin-top: 1px;
	display: block;
}

.dropDown{
	background: url('../images/dropDownButton.jpg') no-repeat top right;
}
	
.langSpanish{
	/*background: url('../images/ar.gif') no-repeat 9px 4px #FFF;*/
}

.langEnglish{
	/*background: url('../images/gb.gif') no-repeat 9px 4px #FFF;*/
}

.quickContact #firstLastNameField, .quickContact #emailField, .quickContact #phoneField, .quickContact #addressField, .quickContact #commentsField, .quickContact #firstLastNameFieldEn, .quickContact #emailFieldEn, .quickContact #phoneFieldEn, .quickContact #addressFieldEn, .quickContact #commentsFieldEn{
	background-color: #F0F0F0;
	height: 19px;
	width: 213px;
	border: 0;
	margin: 0px 5px 3px 56px;
	padding: 7px 0px 2px 7px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

.contact .quickContact{
	margin-top: 25px;
}

.contact .quickContact #firstLastNameField, .contact .quickContact #emailField, .contact .quickContact #phoneField, .contact .quickContact #addressField, .contact .quickContact #firstLastNameFieldEn, .contact .quickContact #emailFieldEn, .contact .quickContact #phoneFieldEn, .contact .quickContact #addressFieldEn{
	background-color: #F0F0F0;
	height: 19px;
	width: 280px;
	border: 0;
	margin: 0px 5px 3px 0px;
	padding: 7px 0px 2px 7px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	float: left;
}

.services .quickContact #firstLastNameField, .services .quickContact #emailField, .services .quickContact #phoneField, .services .quickContact #addressField, .services .quickContact #firstLastNameFieldEn, .services .quickContact #emailFieldEn, .services .quickContact #phoneFieldEn, .services .quickContact #addressFieldEn{
	background-color: #F0F0F0;
	height: 19px;
	width: 195px;
	border: 0;
	margin: 0px 5px 3px 0px;
	padding: 7px 0px 2px 7px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

.services .quickContact #commentsField, .services .quickContact #commentsFieldEn{
	background-color: #F0F0F0;
	height: 50px;
	width: 195px;
	border: 0;
	margin: 0px 5px 3px 0px;
	padding: 7px 0px 2px 7px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	float: left;
}

.contact .quickContact #commentsField, .contact .quickContact #commentsFieldEn{
	background-color: #F0F0F0;
	height: 100px;
	width: 280px;
	border: 0;
	margin: 0px 5px 3px 0px;
	padding: 7px 0px 2px 7px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	float: left;
}

.btnSubmit{
	margin: 5px 5px 3px 44px;
	border: 0;
	background: none;
}

.contact  .btnSubmit{
	margin: 5px 5px 3px 170px;
	border: 0;
	background: none;
}

.services  .btnSubmit{
	margin: 5px 5px 3px 130px;
	border: 0;
	background: none;
}

.asterisk{
	color: #FEA013;
	font-weight: bold;
	font-size: 20px;
}

.contact  .asterisk{
	color: #FEA013;
	font-weight: bold;
	font-size: 20px;
	display: block;
}

.quickContactText{
	margin-top: 0px;
}

.bottomQuickContact{
	margin-top: 15px;
	padding-top: 15px;
	border-top: dotted #000 1px;
}

	#firstLastNameField{
		background: url('../images/contactLabels.jpg') no-repeat 0px 0px;
	}
	
	#emailField{
		background: url('../images/contactLabels.jpg') no-repeat 0px -26px;
	}
	
	#phoneField{
		background: url('../images/contactLabels.jpg') no-repeat 0px -52px;
	}
	
	#addressField{
		background: url('../images/contactLabels.jpg') no-repeat 0px -78px;
	}
	
	#commentsField{
		background: url('../images/contactLabels.jpg') no-repeat 0px -104px;
	}
	
	#firstLastNameFieldEn{
		background: url('../images/contactLabelsEn.jpg') no-repeat 0px 0px;
	}
	
	#emailFieldEn{
		background: url('../images/contactLabelsEn.jpg') no-repeat 0px -26px;
	}
	
	#phoneFieldEn{
		background: url('../images/contactLabelsEn.jpg') no-repeat 0px -52px;
	}
	
	#addressFieldEn{
		background: url('../images/contactLabelsEn.jpg') no-repeat 0px -78px;
	}
	
	#commentsFieldEn{
		background: url('../images/contactLabelsEn.jpg') no-repeat 0px -104px;
	}

.error{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
}

.leftServices{
	margin-top: 30px;
}

	.leftServices a{
		display: block;
		background: url('../images/arrowServices.jpg') no-repeat top right #F0F0F0;
		text-align: right;
		padding: 5px 20px 5px 0px;
		height: 13px;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	.leftServices li ul li a{
		display: block;
		background: #F0F0F0;
		text-align: right;
		padding: 3px 20px 3px 0px;
		height: 12px;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
	}
	
	.currentSubSec{
		font-weight: bold !important;
	}
	
	.leftServices li ul{
		background: #F0F0F0;
	}
	
	.leftServices a:hover{
		text-decoration: underline;
	}

	.leftServices li{
		display: block;
		border-top: dotted #000 1px;
		padding: 2px 0px 2px 0px;
	}
	
	.leftServices li ul li{
		display: block;
		padding: 2px 0px 2px 0px;
		border: 0;
	}
	
.leftBlog{
	margin-top: 2px;
}

	.leftBlog span{
		display: block;
		background: #F0F0F0;
		text-align: left;
		padding: 5px 0px 5px 10px;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.leftBlog a{
		text-align: left;
		height: 13px;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	.leftBlog a:hover{
		text-decoration: underline;
	}

	.leftBlog li{
		display: block;
		border-top: dotted #000 1px;
		margin-bottom: -1px;
		padding: 2px 0px 2px 0px;
	}

	.last{
		border-bottom: dotted #000 1px;
	}
	
.narrowcolumn{
	padding-bottom: 5px;
}

.dotLine{
	border-bottom: dotted #000 1px;
	overflow: hidden;
	height: 10px;
	margin-bottom: 10px;
}
	
.successImg{
	margin: -5px 0px 5px 0px;
}

.servicesList{
	list-style-type:disc;
	margin: 10px 0px 10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.servicesList li{
	margin-bottom: 5px;
}

/*Menu desplegable*/

.hoverIt{
	position: relative;
}

.menuNav{
	width: 170px;
	position: absolute;
	top: 53px;
	left: 533px;
	display: none;
	padding: 0px 0px 12px 0px;
	z-index: 200;
}

.menuTop{
	width: 170px;
	height: 12px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 200;
}

.menuBottom{
	width: 170px;
	height: 12px;
	background: url('../images/menuBottom.png') no-repeat !important;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 200;
}

.menuContent{
	width: 170px;
	height: 243px;
	background: url('../images/menuBg.png') repeat-y !important;
	padding-top: 1px;
	z-index: 200;
	position: relative;
}

.menuContent ul{
	margin: 2px 0px 0px 10px;
	padding: 0px;
}

.menuContent li a{
	height: auto!important;
	width: 137px !important;
	background: none !important;
	text-align: left !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	color: #FFF !important;
	font-weight: normal !important;
	text-decoration: none !important;
	text-transform: none !important;
	padding-top: 5px !important;
	padding-left: 7px !important;
	padding-right: 5px !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid #333 !important;
	border-left: 2px solid #000 !important;
	margin-left: 0px !important;
	line-height: 14px;
}

.menuContent ul li.last-child a{
	border-bottom: 0 !important;
}

.menuContent li a:hover{
	color: #FDA30E !important;
	border-left: 2px solid #FDA30E !important; /*DYNAMIC*/
}