/*************** HTLM Tangs **********************/

body{
	background: #1E1A17 url(../img/commons/bg_html.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 auto;
	color: #1E1A17;
}
a.purple_link{
	font-size: 0.7em;
	color: #BA0154;
	text-decoration: underline;
	line-height: 130%;
}
	a.purple_link:hover{
		text-decoration: none;
	}
p{
	font-size: 0.7em;
	line-height: 150%;
	margin-bottom: 8px;
}
	p.purple_title{
		font-family: Georgia, "Times New Roman", serif;
		font-size: 0.625em;
		font-weight: bold;
		color: #BA0154;
	}
		p.purple_title a{
			color: #BA0154;
			text-decoration: none;
		}
			p.purple_title a:hover{
				text-decoration: underline;
			}
	p.services span{
		font-family: Georgia, "Times New Roman", serif;
		font-size: 1em;
		font-weight: bold;
		color: #BA0154;
	}
	p.georgia_purple{
		font-family: Georgia, "Times New Roman", serif;
		font-weight: bold;
		color: #BA0154;
	}
h2 span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #E7E1DE;
}
h2 {
	height: 24px;
	padding-top: 3px;
	padding-left: 20px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
h2.small_title {
	background: url(../img/commons/bg_small.gif) no-repeat;
}
h2.medium_title {
	background: url(../img/commons/bg_medium.gif) no-repeat;
}
h2.big_title {
	background: url(../img/commons/bg_big.gif) no-repeat;
}

/*************** Layout **********************/

#menu-head #head-logo{
	background:url('../img/commons/header-logo.png') no-repeat 0 0 transparent;
	width:141px;
	height:36px;
	margin:38px 56px 0 60px;
	display:inline-block;
	padding: 0;
}

#menu-head{
	height:107px;
	background:url('../img/commons/header-bg.png');
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 964px;
	display:table;
}
#menu-head ul li{
	display:table-cell;
	padding: 0 21px;
}

#menu-head ul{
	margin-top:43px;;
}

#menu-head a{
	color:#bab0a9;
	text-decoration:none;
	display:inline-block;
	font-weight:bold;
	font-size:14px;
	padding:10px;
	vertical-align:middle;
	text-transform: uppercase;
}
#menu-head a.lang{
	font-size: 10px;
    font-weight: normal;
	text-transform: uppercase;
}
#menu-head a.lang:hover{
	background-color:transparent;
	color:#fff;
}
#menu-head a:hover{
	color:#fff;
	background-color:#84013b;
}
#menu_flash{
	/*
	background: url(../img/menu_flash.jpg) no-repeat;
	width: 964px;
	height: 107px;
	margin: 0 auto;
	*/
}
#head_flash{
	/*
	background: url(../img/head_flash.jpg) no-repeat;
	width: 964px;
	height: 232px;
	margin: 0 auto;
	*/
}

#container{
	background: #E7E1DE url(../img/commons/bg_container.gif) no-repeat right bottom;
	margin: 0 auto;
	text-align: left;
	width: 964px;
	padding-bottom: 10px;
	padding-top: 15px;
}

/* Menu portfolio */
#menu_portfolio h3{
	border-bottom: 1px solid #D1C8C0;
	margin-right: 10px;
	font-weight: normal;
}
	#menu_portfolio h3.accordion_toggle_active{
		background: #F9F7F7;
	}
	#menu_portfolio h3 a{
		background: url(../img/commons/bullet_menuPortfolio.gif) no-repeat 20px center;
		font-size: 0.7em;
		color: #BA0154;
		display: block;
		text-decoration: none;
		padding: 5px 0 5px 40px;
	}
		#menu_portfolio h3 a:hover{
			background: #F9F7F7 url(../img/commons/bullet_menuPortfolio.gif) no-repeat 20px center;;
		}
#menu_portfolio div.submenu_portfolio{
	background: #E7E1DE;
	margin-right: 10px;
	overflow: hidden;
}
#menu_portfolio ul.submenu_portfolio{
	padding-left: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D1C8C0;
}
		#menu_portfolio ul.submenu_portfolio li a,#menu_portfolio ul.submenu_portfolio li a:link{
			font-size: 0.7em;
			color: #1E1A17;
			text-decoration: none;
		}
			#menu_portfolio ul.submenu_portfolio li a:visited{
				color: #9E877A;
			}
			#menu_portfolio ul.submenu_portfolio li a:hover{
				font-weight: bold;
			}
*html ul#menu_portfolio_simple li{
	padding: 0px;
	margin: 0px;
	height: 22px;
	margin-bottom: -3px;
}
ul#menu_portfolio_simple li a{
	background: url(../img/commons/bullet_menuPortfolio.gif) no-repeat 5px center;
	font-size: 0.7em;
	color: #BA0154;
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 25px;
	border-bottom: 1px solid #D1C8C0;
	margin-right: 10px;
}
	ul#menu_portfolio_simple li a:hover{
		background: #F9F7F7 url(../img/commons/bullet_menuPortfolio.gif) no-repeat 5px center;
	}

/* Clients List */
ul#client_list{
	margin-left: 15px;
	padding-bottom: 45px;
}
	ul#client_list li{
		display: inline;
	}

/* Contact */
.contacto .small_column p,
.contacto .small_column a.purple_link{
	font-size:14px;
}
.contacto .small_column{
	margin:40px 10px;
}
#contact h3{
	background: url(../img/commons/logo_brioStudioContact.gif) no-repeat left;
	text-indent: -9999px;
	height: 50px;
	margin-top: 10px;
	border-bottom: 1px solid #D1C8C0;
}
#contact p{
	margin: 0px;
	padding: 3px 5px 3px 20px;
	border-bottom: 1px solid #D1C8C0;
}
	#contact p.last{
		border-bottom: none;
	}
form#contactForm label{
	font-size: 0.7em;
	display: block;
	width: 195px;
	height: 25px;
	line-height: 25px;
	padding-right: 15px;
	margin-left: 15px;
	text-align: right;
	float: left;
	margin-bottom: 5px;
}
form#contactForm label.radio_label{
	display: inline;
	width: auto;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: none;
}
form#contactForm label.radio_checked {
	background: url(../img/commons/icon_RadioButtonChecked.gif) no-repeat center left;	
	padding-left: 15px;
	width: auto;
	text-align: left;
	float: none;
	display: inline;
}
form#contactForm label.radio_unchecked  {
	background: url(../img/commons/icon_RadioButtonUnChecked.gif) no-repeat center left;	
	padding-left: 15px;
	width: auto;
	text-align: left;
	float: none;
	display: inline;
}

/* Hover State */
form#contactForm label:hover{
	color: #575B60;
}

form#contactForm label.highlighted {
	border: 1px solid #333;
}

form#contactForm .radio_buttons{
	width: 210px;
	margin-left: 225px;
}
form#contactForm input,form#contactForm textarea{
	background: #F3F0EF;
	color: #5C5147;
	font-size: 0.7em;
	border: 1px solid #D8D0CA;
	padding: 0.44em;
	width: 210px;
	margin-bottom: 5px;
}
	form#contactForm input.crirHiddenJS{
		background: #F3F0EF;
		color: #5C5147;
		font-size: 0.7em;
		border: 1px solid #D8D0CA;
		padding: 0.44em;
		width: auto;
	}
	form#contactForm input.contactSend{
		background: url(../img/commons/bg_btnEnviarContact.gif) no-repeat;
		border: none;
		padding: 0;
		width: 73px;
		height: 28px;
		margin-bottom: 0px;
		margin-left: 370px !important;
		margin-left: 390px;
		cursor: pointer;
		outline: none;
	}
form#contactForm textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	overflow: auto;
	height: 100px;
}
form#contactForm br{
	clear: both;
}
form#contactForm p{
	margin-left: 15px;
	width: 445px;
}
form#contactForm p.note{
	float: right;
	color: #5C5147;
	width: 200px;
	margin-right: 30px !important;
	margin-right: 10px;
	margin-left: 0px;
	font-size: 0.63em;
}

/* Antes y Despues Classes */
#ad_ficha{
	margin: 0 10px;
}
	#ad_ficha p.ad_description{
		padding: 0 15px 20px 15px;
	}
	#ad_ficha p.ad_ficha_title{
		font-family: Georgia, "Times New Roman", serif;
		font-size: 0.625em;
		font-weight: bold;
		color: #BA0154;
		border-bottom: 1px solid #D1C8C0;
		border-top: 1px solid #D1C8C0;
		padding: 3px 0 3px 16px;
		margin-bottom: 0px;
	}
	#ad_ficha ul.ad_ficha_data li{
		background: url(../img/commons/bullet_fichaAntesDespues.gif) no-repeat 18px center;
		padding: 4px 0 4px 33px;
		border-bottom: 1px solid #D1C8C0;
		font-size: 0.7em;
	}
		#ad_ficha ul.ad_ficha_data li .label{
			color: #BA0154;
			font-weight: bold;
		}
.ad_img{
	width: 446px;
}
.ad_txt h4{
	font-family: Georgia, "Times New Roman", serif;
	font-size: 0.625em;
	font-weight: bold;
	color: #BA0154;
	border-bottom: 1px solid #D1C8C0;
	border-top: 1px solid #D1C8C0;
	width: 220px;
	padding: 5px 0 5px 15px;
	margin-bottom: 15px;
}
.ad_txt p{
	padding: 0 15px;
	width: 205px;
}
.ad_list{
	margin-bottom: 15px;
}
	.ad_list img{
		background: #fff;
		width: auto;
		padding: 3px;
		border: 1px solid #ccc;
	}
	.ad_list p{
		padding: 5px 5px 10px 15px;
		line-height: 135%;
	}
		.ad_list p.purple_title{
			padding: 0 0 0 15px;
			line-height: 100%;
		}
	.ad_list p a{
		font-family: Georgia, "Times New Roman", serif;
		font-size: 0.91em;
		font-weight: bold;
		text-decoration: none;
	}
		.ad_list p a:hover{
			text-decoration: underline;
		}
		.ad_list p .black_label{
			font-family: Georgia, "Times New Roman", serif;
			font-size: 0.91em;
			font-weight: bold;
			color: #000;
		}

#foot{
	background: url(../img/commons/bg_foot.gif);
	color: #BAB0A9;
	border-bottom: 1px solid #504C49;
	border-top: 1px solid #504C49;
	text-align: left;
}
/* Foot Classes */
.foot_content{
	background: url(../img/commons/bg_footContent.gif) no-repeat right top;
	width: 964px;
	margin: 0 auto;
	padding: 25px 0 25px 0;
}
.foot_address{
	background: url(../img/commons/logo_brioStudioFoot.gif) no-repeat left top;
	width: 143px;
	padding-top: 30px;
	margin-left: 35px !important;
	margin-left: 15px;
}
	.foot_address p{
		line-height: 130%;
	}
		.foot_address p a{
			color: #BAB0A9;
		}
			.foot_address p a:hover{
				text-decoration: none;
			}
.foot_menu_copy{
	margin-top:8px;
}
ul.foot_menu li{
	display: inline;
	width: auto;
	margin-right: 5px;
	color: #BAB0A9;
	font-size: 0.7em;
}
	ul.foot_menu li a{
		color: #BAB0A9;
		text-decoration: none;
	}
		ul.foot_menu li a:hover{
			text-decoration: underline;
			color: #A30149;
			font-weight: bold;
		}
.foot_copy{
	font-size:0.7em;
	margin-right: 30px;
}
/*************** General Classes **********************/

.fl_left{
	float: left;
}
.fl_right{
	float: right;
}
.clear{
	clear: both;
}
/* margin */
.mrg_cero{margin: 0px;}
.mrg_left_five{margin-left: 5px;}
.mrg_left_ten{margin-left: 10px;}
.mrg_left_fiveteen{margin-left: 15px;}
.mrg_left_twenty{margin-left: 20px;}
.mrg_right_five{margin-right: 5px;}
.mrg_right_ten{margin-right: 10px;}
.mrg_right_fiveteen{margin-right: 15px;}
.mrg_right_twenty{margin-right: 20px;}
.mrg_top_five{margin-top: 5px;}
.mrg_top_ten{margin-top: 10px;}
.mrg_top_fiveteen{margin-top: 15px;}
.mrg_top_twenty{margin-top: 20px;}
.mrg_bottom_five{margin-bottom: 5px;}
.mrg_bottom_ten{margin-bottom: 10px;}
.mrg_bottom_fiveteen{margin-bottom: 15px;}
.mrg_bottom_twenty{margin-bottom: 20px;}

/* Padding */
.pad_top_cero{padding-top: 0px;}
.pad_bottom_cero{padding-bottom: 0px;}
.pad_right_cero{padding-right: 0px;}
.pad_left_cero{padding-left: 0px;}
.pad_cero{padding: 0px;}
.pad_five{padding: 5px;}
.pad_ten{padding: 10px;}
.pad_fiveteen{padding: 15px;}
.pad_twenty{padding: 20px;}
.pad_top_five{padding-top: 5px;}
.pad_top_ten{padding-top: 10px;}
.pad_top_fiveteen{padding-top: 15px;}
.pad_top_twenty{padding-top: 20px;}
.pad_bottom_five{padding-bottom: 5px;}
.pad_bottom_ten{padding-bottom: 10px;}
.pad_bottom_fiveteen{padding-bottom: 15px;}
.pad_bottom_twenty{padding-bottom: 20px;}
.pad_right_five{padding-right: 5px;}
.pad_right_ten{padding-right: 10px;}
.pad_right_fiveteen{padding-right: 15px;}
.pad_right_twenty{padding-right: 20px;}
.pad_left_five{padding-left: 5px;}
.pad_left_ten{padding-left: 10px;}
.pad_left_fiveteen{padding-left: 15px;}
.pad_left_twenty{padding-left: 20px;}

/* Border */
.border_bottom{border-bottom: 1px solid #D1C8C0;}
.border_top{border-top: 1px solid #D1C8C0;}

/* Columns */
.small_column{width: 253px;}
.medium_column{width: 450px;}
.big_column{width: 708px;}

/* Others */
.small_info{
	background: #F9F7F7;
	border: 1px solid #D1C8C0;
	width: 230px;
	margin-top: -20px;
}
#client_description{padding: 15px;}

/* Loading Image Class */
img.loading{
	background: url(../img/commons/loading_indicator.gif) no-repeat center center;
}

/* Form Mailing List */
#mailingForm input{
	background: #fff;
	border: 1px solid #C9BFB6;
	width: 150px;
	height: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #BA0154;
	padding-left: 5px;
	margin-bottom: 3px;
}
#mailingForm img{
	/*
	margin-top: 5px !important;
	padding-top: 0px;
	*/
}

.mainHeader{
	display: none;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
	position: absolute;
	left: -1000px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#headerImages{
	width: 964px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#headerRotate{
	position: absolute;
	z-index: 1;
	left: 0px;
}

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

#navHeader a{
	display: block;
	float: left;
	width: 20px;
	height: 17px;
	margin-right: 2px;
	color: #BE0F33;
	background: url('../img/header/headerPagerOff.png');
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-top: 3px;
	font-size: 13px;
}

#navHeader a.activeSlide { background: url('../img/header/headerPagerOn.png'); }
#navHeader a:focus { outline: none; }

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