/* @override 
	http://www.faro.cr/faro/css/faro.css
	http://www.farochile.cl/faro/css/faro.css
*/

html{
	background: #00244e url(../images/bg-rep.jpg) repeat-x 0 top;
}
body{
	background: url(../images/bg.jpg) no-repeat center top;
	min-height: 705px;	
}

#bd div.span-10.last div.gmap small a {
	visibility:hidden;
}

p{
	color: #fff;
	font-size: 14px;
	text-shadow: #333 1px 1px 1px;
}

h2{
	font-size: 50px;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#Menu2 {
	margin-top: 95px;
}

#Menu2 li{
	list-style-type: none;
}
#Menu2 li a{
	display: block;
	color: ;
	background: url(../images/boton-rep.gif) repeat-y center top;
	border: 1px solid #ddd;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
}
#Menu2 li.current a,
#Menu2 li a:hover{
	background: url(../images/boton-rep-current.gif) repeat-y center top;
	border-color: #006093;
}

#Breadcrumbs p a {
	text-shadow: #000000 0 0 0px;
}

#Breadcrumbs {
	margin-top: -40px;
}
.ht{
	text-indent: -999pc;
}

/* @group Header */

#hd{
	position: relative;
	height: 200px;
}
#logo h1 a {
	background: url(../images/logo.jpg) no-repeat;		
	display: block;
	width: 270px;
	height: 120px;
}
#logo h1 a:hover{
	background-position: 0 -120px;
}

/* @end */

/* @group Navigation */

#Navigation {
	position: absolute;
	top: 0;
	right: 0;
} 

#Navigation ul li {
	float: left;
	margin-right: 5px;
	list-style: none;
}

#Navigation ul li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
	background: #001f71;
	border-bottom: none;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	font-weight: bold;
}

#Navigation ul li a:hover {
	background: #0087c6;
}

#Navigation ul li.section a,
#Navigation ul li.current a {
	background: #00b0ff;
}

/* @end */

/* @group Home */

div.home-image-container {
	background: url(../images/bf-home.png) no-repeat;
	width: 500px;
	height: 266px;
	padding-left: 50px;
	padding-top: 50px;	
}

h2.home {
	background: url(../images/titles/home.png) no-repeat;
	height: 110px;
}

/* @end */

/* @group fixed footer */

body,html {
	height: 100%;
	position: relative;
}
.container {
	height: 100%;
	min-height: 705px;
}

#bd{
		position: relative;
		zoom:1

}

#ft {
	height: 95px;
	z-index: 50;
	background: #001d41 url(../images/certificaciones.gif) no-repeat center;
	margin-top: -96px;
	border-top: 1px solid #b4b4b4;
	position: relative;
}

.footer {
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	z-index: 900;
}
.footer a#dospuntocero {
	position: absolute;
	display: block;
	text-indent: -999pc;
	background: url(../images/dospuntocero.png) no-repeat;
	width: 50px;
	height: 15px;
	top: 10px;
	right: 0;
}



/* @end */



/* @group Forms */
fieldset label.FormHeading {
	font-size: 1.4em;
	color: #666;
	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
}
fieldset > div,fieldset > p{
	margin: 0 !important;
}
.field {
	padding: 10px 0;
	border-bottom: 1px solid #fff;
	overflow: auto;
	margin-bottom: 10px;
}
ul.optionset {
	margin-left: 40%;
}

input.text {
	width: 70%;
	border: 1px solid #999;
	padding: 5px;
	margin-top: 0;
}

span.message.validation,span.message.required {
	padding-left: 40%;
}

.field label.left {
	color: #555;
	width: 24%;
	padding-left: 1%;
	margin-right: 2%;
	display: block;
	float: left;
	font-weight: bold;
}

 span.middleColumn {
	width: 55%;	
}

ul.optionset li {
	list-style-type: none;
	display: block;
	margin-bottom: .4em;
}

div.Actions {
	padding-left: 28%;
}

div.Actions input {
	border: 1px solid #bbb;
	padding: 5px 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	cursor: pointer;
}

p.field.checkbox {
	padding-left: 40%;	
}

div.Actions input:hover {
	color: #111;
	background: #bbb;
}

.validationError {
	background-color: #fddd2a;
}

/* @end */

/* @group LoginForm */
#Form_EditForm{
	_background-image: none;
	/*URI relative to HTML page, not CSS file!! */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/form-bg.png',sizingMethod='scale');
	background: url(../images/form-bg.png) repeat;
	
}
#Form_Form fieldset{
	background: url(../images/form-bg.png) repeat;
}
	
#Form_EditForm fieldset{
	background: none;
}
#Form_EditForm ul.tabstrip {
	border-bottom: 1px #AAA solid;
	padding: 0;
	margin: 0 !important;
	clear: left;
	float: left;
	width: 100%;
/* Need this to stop tabs from disappearing sometimes */
	position: relative;
}

#Form_EditForm ul.tabstrip li.current {
	background: #ddd;
	border: 1px solid #aaa;
}

#Form_EditForm ul.tabstrip li {
	background: #fff;
	list-style-type: none;
	float: left;
	list-style: none;
	margin: 0 2px 0 0;
	padding: 0 0 0 9px;
	cursor: pointer;
	position: relative;
	top: 1px;
}
#Form_EditForm  label.left {
	margin-left: 0;
}

#Form_EditForm ul.tabstrip li a {
	display: block;
	float: left;
	outline: none;
	padding: 7px 9px 3px 0;
	text-decoration: none;
	color: #555;
	background: none;
	font-size: 11px;
	font-weight: bold;
}

#Form_EditForm ul.tabstrip li a:hover {
	text-decoration: none;
	color: #000;
}

#Form_EditForm .tab {
	clear: left;
	overflow: auto;
	border: 1px solid #aaa;
	border-top: none;
	position: relative;
	top: 0;
	margin: 0;
	padding: 10px;
}

/* @end */

/* @group lang chooser */

#hd ul.LanguageChooser {
	position: absolute;
	top: 5px;
	left: 275px;
}

#hd ul.LanguageChooser li {
	list-style: none;
}
#hd ul.LanguageChooser li a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -99pc;
}

#hd ul.LanguageChooser li a.español {
	background: url(../images/flags/es.png) no-repeat;	
}
#hd ul.LanguageChooser li a.English {
	background: url(../images/flags/us.png) no-repeat;
	
}

/* @end */

#sucursales {
	position: absolute;
	top: 72px;
	left: 480px;
}
#sucursales li {
	float: left;
	margin-right: 5px;
	list-style: none;
}
#sucursales li a{
	border-bottom: 1px solid #678;	
	display: block;
	background: #fff;
	padding: 2px 5px;
	text-decoration: none;
}