@CHARSET "UTF-8";
/*** Tags y clases generales, hacks/fixes */
html, body {
  height: 100%;
}
body {
  font-size: 62.5%;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  color: #434343;
  background:#f1f1f1 url(/retail/Retail/images/static/fdo_outter.gif) repeat-y center center;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.floatRight { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
              float: right;
}
.floatLeft { /* this class can be used to float an element left in your page */
             float: left;
}
.clearFloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
              clear:both;
}
.noFloat {
  float: none;
}
.noText {
  text-indent: -9999px;
}
.alignRight {
  text-align: right;
}
.alignLeft {
  text-align: left;
}
.alignCenter {
  text-align: center;
}
textarea {
  overflow:auto;
}
/* -- Fix para los links en firefox */
a {
  text-decoration: none;
  color: #333333;
}
a:active {
  outline: none;
}
a:focus {
  -moz-outline-style: none;
}
/* -- para mantener la altura en los containers que tienen elementos flotados */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: inline-block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
/* -- para hacer clear de floats mediante overflow */
.clearWithOverflow {
  overflow: hidden;
  zoom: 1; /* dispara 'hasLayout' en IE6 */
}

/*ESTILOS GENERALES*/
.menuHorizontal{
  clear:left;
}
.menuHorizontal li{
  float:left;
}

/*ESTILOS ESPECIFICOS*/
/*Container*/
#container{
  background:transparent url(/retail/Retail/images/static/bck-content.png) repeat-y scroll 0 0;
  clear:both;
  font-size:1.1em;
  margin:0 auto;
  overflow:hidden;
  padding-left:4px;
  padding-right:5px;
  width:979px;
}

/*Contenido*/
#content{
  background-color:#FFFFFF;
  width: 772px;
  float: left;
}

/*Header*/
#header{
  background:#ECECEC url(/retail/Retail/images/static/bck-header.gif) repeat-x bottom;
  height:100px;
  position:relative;
}
#header p.title{
  background:transparent url(/retail/Retail/images/static/tit-buscar-sucursales.gif) no-repeat scroll 0 0;
  height:30px;
  left:115px;
  overflow:hidden;
  position:absolute;
  text-indent:-9999px;
  top:37px;
  width:212px;
}
#header a{
  left:18px;
  position:absolute;
  top:12px;
}

/*Buscador*/
#search{
  background:transparent url(/retail/Retail/images/static/bck-buscador.png) repeat-x scroll 0 0;
  height:58px;
  padding:12px 11px 11px;
}
#search p.title{
  background:transparent url(/retail/Retail/images/static/tit-buscador.gif) no-repeat scroll 0 0;
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:10px;
  overflow:hidden;
  text-indent:-999px;
}
#search form{
  background-color:#F5F5F5;
  border:1px solid #C8C8C8;
  height:18px;
  padding:7px 11px;
}
#search select{
  border:1px solid #CDCDCD;
  height:18px;
  width:144px;
}
#search label{
  font-weight: bold;
  margin-right: 9px;
}
#search label.provincia{
  margin-left:  45px;
}
#search label.tipoatencion{}
#search input{
  height:19px;
  margin-bottom:-5px;
  margin-left:21px;
}

/*Contenido Principal*/
#mainContent{
  min-height: 350px;
  padding:15px 12px 15px 10px;
  height: auto!important;
  height: 350px;
  position: relative;
}
#mainContent a.volver{
  background:transparent url(/retail/Retail/images/static/flecha-volver-off.gif) no-repeat scroll 0 0;
  display:block;
  height:23px;
  overflow:hidden;
  position:absolute;
  right:15px;
  text-indent:-9999px;
  top:7px;
  width:60px;
}
#mainContent a.volver:hover,
#mainContent a.volver:active{
  background:transparent url(/retail/Retail/images/static/flecha-volver.gif) no-repeat scroll 0 0;
}
#mainContent h1{
  border-bottom:2px solid #CCCCCC;
  color:#003399;
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:11px;
  padding-bottom:5px;
  text-transform:uppercase;
}
#mainContent h2{
  background:transparent url(/retail/Retail/images/static/bck-thead.gif) repeat-x scroll 0 0;
  border:1px solid #CBCBCB;
  color:#003399;
  font-weight:bold;
  height:14px;
  padding:4px 19px 4px;
  font-size:1.1em;
}
#mainContent h2 img{
  margin-bottom:-1px;
  margin-right:13px;
}
#mainContent .menuHorizontal{
  background:transparent url(/retail/Retail/images/static/borcer-bottom-menu.gif) no-repeat scroll center bottom;
  height:19px;
  margin-bottom:10px;
  overflow:hidden;
  padding:0 10px;
}
#mainContent .menuHorizontal li{
  border-right:1px solid #434343;
  padding:0 5px;
}
#mainContent .menuHorizontal li.last{
  border-right:none;
}
#mainContent table{
  width: 100%;
}

/*Tabla de listado*/
#mainContent table.listado thead tr{
  background:transparent url(/retail/Retail/images/static/bck-thead.gif) repeat-x scroll 0 0;
  border:1px solid #CBCBCB;
  height:23px;
}
#mainContent table.listado thead th{
  border-bottom:1px solid #CBCBCB;
  border-top:1px solid #CBCBCB;
  font-weight:bold;
  padding-top:5px;
  height:18px;
}
#mainContent table.listado thead th.first{
  border-left:1px solid #CBCBCB;
  width:40px;
}
#mainContent table.listado thead th.ciudad{
  width:108px;
}
#mainContent table.listado thead th.sucursal{
  width:288px;
}

#mainContent table.listado thead th.last{
  border-right:1px solid #CBCBCB;
  width:312px;
}
#mainContent table.listado tbody td{
  background:transparent url(/retail/Retail/images/static/border-bottom.gif) no-repeat scroll center bottom;
  margin:0 10px;
  overflow:hidden;
}
#mainContent table.listado tbody td{
  padding:9px 0 6px;
}
#mainContent table.listado tbody tr td:first-child,
#mainContent table.listado tbody td.first{
  text-align:center;
}
#mainContent table.listado tbody td.sucursal{
  color:#003ba7;
  font-weight:bold;
}

/*Google Maps*/
#informacionContainer{
  clear:both;
  overflow:hidden;
}
#thumb{
  background:transparent url(/retail/Retail/images/static/bck-marco-thumb.gif) no-repeat scroll 20px 10px;
  float:left;
  height:160px;
  position:relative;
  width:230px;
}
#thumb .thumb{
  left:32px;
  position:absolute;
  top:21px;
}
#informacion{
  float:left;
}
#informacion table{
  margin-top:14px;
}
#informacion table td.first{
  width:90px;
}
#informacion table td{
  padding-bottom:10px;
}
#informacion a{
  color:#003399;
  text-decoration:underline;
}
#googleMapsContainer{
  background:transparent url(/retail/Retail/images/static/fdo-mapa.jpg) no-repeat scroll center center;
  height:270px;
  margin-top:25px;
  overflow:hidden;
  position:relative;
}
#googleMapsContainer #googleMaps{
  left:32px;
  top:18px;
}

/*Pie de pgina*/
#footer{
  background:transparent url(/retail/Retail/images/static/bck-main-content.gif) repeat-x scroll 0 0;
  border-bottom:3px solid #003399;
  height:44px;
  margin-bottom:0px;
  padding-top:9px;
  text-align:center;
  font-size:0.9em;
  line-height:normal;
}

/*Publicidad*/
#advartise{
  position:relative;
  float:left;
  height:100px;
  width:200px;
}
#advartise img{
  left:9px;
  position:absolute;
  top:169px;
};
.error{

		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: left;
		
		padding: 5px;
		margin: 0px;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		background-color: #F5F5F5;
		
		display: table;
		width: 100%;
		max-width: 738px;
		
	}