* {
	margin: 0;
	padding: 0;
}
body {
	background: #FFF url('../images/bg.jpg') repeat-x;
	color: #7e7e7e;
	font-size: 77%;
	font-family: "Helvetica", Verdana, sans-serif;
}
.introbody {
	background: none;
}

/* Flash de introducción */
#container-flash {

	width: 450px;
	margin-left: auto;
	margin-right: auto;
}
#intro {
	margin-top: 40px;
	margin-bottom: 5px;
	width: 370px;
	height: 450px;
	/*border: 1px solid #003E71;*/
}
#intro-anuncio {
	margin-top: 40px;
	margin-bottom: 5px;
	width: 450px;
	height: 360px;
	border: 1px solid #003E71;
}


/* Formulario */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
/* Layout */
.principal { float:left;width:350px }
p { margin:0 10px 10px}

#container {text-align:left}
#content p {line-height:1.5; margin-left: 20px; font-size: 1.2em; text-align: justify;}
#content a {
 	text-decoration: none;
	color: #336590;
	margin-left: 5px;
	margin-right: 5px;
}
#content  a:hover,#content a:active {
	text-decoration: underline;
	color: #7E7E7E;
}
#footer { clear:both;color: #CCC;text-align:center;margin-left: 110px;padding-top: 20px; }
#footer p { margin:10px;}
#container{width:810px;margin:0 auto}
#content{float:right;width:580px}
#lateral{
	float:left;
	width:220px;
	background: url('../images/bg_lateral.jpg') repeat-y;
	}
#lateral #logo {
	background-position: 0 -10px  !important;
	*background-position: 0 0px !important;
	background: url('../images/bg_header.jpg') no-repeat; 
	height:141px;
	
}
#lateral #logo h1 a {
	width: 140px; 
	height: 103px; 
	background: url('../images/logo.jpg') no-repeat; 
	display: block; 
	text-indent: -9999px;
	margin: 10px auto 0 auto;
}
#promo {
	width: 180px;
	margin: 0 auto 0 auto;
}
#promo img {
	border: 0px;
}
#finlateral{
	height:20px;
	margin-top: 5px;
	background: url('../images/bg_latdown.jpg') no-repeat ;
}
#services {
	margin-left: 36px;
}
#services li {
	list-style-image: url('../images/flecha.gif');
	margin-bottom: 10px;
}
#services li a{
	text-decoration: none;
	color: #336590;
}
#services li a:hover,#services li a:active {
	text-decoration: underline;
	color: #7E7E7E;
}
#cita {
	width: 560px;
	background: url('../images/cita.jpg') no-repeat right 0;
	padding-right: 20px;
	margin: 10px 10px 0px 0px;
	display:block;
}
#citabanner {
	background: url('../images/cita.jpg') no-repeat 10px 0;
	float:right; 
	width:200px;
	height: 170px;
}
#izq {
	float: left; 
	width: 200px; 
	background: url('../images/normalglass.jpg') no-repeat;

}
#dch {
	float: right; 
	width: 200px;
	background: url('../images/sunglass.jpg') no-repeat;
}
/* Navegacion */
#footer ul {
	list-style:none;
}
#footer li {
	display:inline;
}
#footer a {
	text-decoration: none;
	color: #336590;
	margin-left: 5px;
	margin-right: 5px;
}
#footer  a:hover,#footer a:active {
	text-decoration: underline;
	color: #7E7E7E;
}
#mininav {
	float:right;
	margin: 10px 0px 40px 0px;
}
#mininav ul {
	list-style: none;
}
#mininav li {
		display: inline;
}
#mininav a {
	text-decoration: none;
	color: #2A2A2A;
	letter-spacing: 0.1em;
}
#mininav a:hover, #mininav a:active {
	text-decoration: underline;
}

#mininav .inicio {
	background: url('../images/home.gif') no-repeat 0 0;
	padding-left: 15px;
	margin-left: 5px;
}
#mininav .contacto {
	background: url('../images/contact.gif') no-repeat 0 2px;
	padding-left: 15px;
	margin-left: 5px;
}
#mininav .webmap {
	background: url('../images/webmap.gif') no-repeat 0 0px;
	padding-left: 15px;
	margin-left: 3px;
}
#webmap {
 	margin: 45px 0px 30px 38px;
}
#webmap li {
	margin-top: 20px; 
	padding: 0;
    list-style: none;
}
#nav {
	width: 580px;
	float: left;
	height: 10px;
	display: inline;
	overflow: hidden;
	margin: 45px 0px 30px 8px;
}
#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}

#nav a, #nav span {
	float: left;
	padding: 10px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:10px; /* para IE5/Win solo */
}	
#quienes a {
	width: 97px;
	background: url('../images/quienes.gif') top left no-repeat;
}
#marcas a {
	width: 105px;
	background: url('../images/marcas.gif') top left no-repeat;
}
#departamentos a {
	width: 96px;
	background: url('../images/departamentos.gif') top left no-repeat;
}
#promociones a {
	width: 87px;
	background: url('../images/promociones.gif') top left no-repeat;
}
#centros a {
	width: 113px;
	background: url('../images/centros.gif') top left no-repeat;
}
#nav span {
	width: 20px;
	background: url('../images/navbar.gif') 9px 0 no-repeat;
}
#nav a:hover, #nav a:active, #nav a.selected {
	background-position: bottom left !important;
	*background-position: 0 -10px !important;
}
/* tipografias */
#mininav {
	font: normal 10px Helvetica, sans-serif;
}
#content h1 {
	width: 280px; 
	height: 30px; 
	display: block; 
	text-indent: -9999px;
	font: 3.0em "Helvetica", sans-serif;
	color: #004179;
	margin-left: 20px;
	margin-bottom: 10px;
}
.slogan {
	background: url('../images/slogan.jpg') no-repeat; 
}
.departamentos {
	background: url('../images/departamentos.jpg') no-repeat;
}
.marcas {
	background: url('../images/marcas.jpg') no-repeat;
}
.centros {
	background: url('../images/centros.jpg') no-repeat;
}
.promociones {
	background: url('../images/promociones.jpg') no-repeat;
}
#content h2 {
	font: 2.0em "Helvetica", sans-serif;
	color: #4b4b4b;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
	background: url('../images/bar.gif') no-repeat 0 1px !important;
	background: url('../images/bar.gif') no-repeat 0 5px;
}
#cita p {
	font: 1em "Helvetica", sans-serif;
	line-height: 18px;
}
h2 { font-size: 1.1em;margin-bottom: 10px; color: #004476;}
/* Textsize - Gracias Fren ;) */
#content #textsize { float: right;  }
#content #textsize a { 
	text-indent: -9000em; overflow: hidden; 
	display: block; float: left; 
	width: 15px; height: 12px;	 	
}
#content #textsize a.selected { border-bottom: 2px solid #59654D; }
#content #textsize a:hover { color: #59654D; }
#content #textsize li { display: inline; background: none; padding: 0;}
#content #textsize #small { background: url(../images/icon_small.gif) no-repeat center top;  }
#content #textsize #medium {  background: url(../images/icon_medium.gif) no-repeat center top; }
#content #textsize #large {  background: url(../images/icon_large.gif) no-repeat center top;  }
/* Formulario */
#formulario { margin-left: 40px;}
label, input { float:left; }
label { width:8em; padding:0.8em 0; }
input, select { width: 18em; border: 1px solid #999; margin:0.7em 0; }
select { border: solid 1px #999; }
br { clear:both; }

input.submit { width:103px; height:24px; border:none; margin:10px 20px 10px 100px  }
input.cancel { width:103px; height:24px; border:none; margin:10px 0 30px 0  }
#contact_confirm {display:none; color:#666666;clear:both;margin-top: 30px;}
/* Modal */ 
#modal_container {
		border:1px solid #FFF;
		overflow:auto;
		font-family:"Lucida Grande",Verdana;
		font-size:12px;
		color:#FFF;
		text-align:justify;
		line-height:18px;
		background-color:#FFFFFF;
}
#modal_container.test {
   		background-color:#004179;
		color:#FFF;
		padding:30px;
}
#modal_container.test2 {
   		background-color:#FFFFFF;
		color:#333;
		padding:30px;
}
#modal_container h2 { color:#FFF;}
#modal_container ul { list-style: none;text-align: center;}
#modal_container li {
	margin: 0px; 
	padding: 0;
    list-style: none;
	display: inline;
}
#modal_container a {
	text-decoration: none;
}
#modal_container img {
	border:0;
	margin: 10px 40px 10px 40px;
}
#modal_overlay {
		background-color:#000;
}
#modal_overlay.test {
		background-color:#000;
}
.modal-image { margin-left: 20px;margin-top:20px; }
#galeria {
	text-align: center;
}
#galeria a {
	text-decoration: none;
}
#galeria img {
	border: 0px;
	margin-bottom: 20px;
}
/* Google Maps */
#map {
	margin-left: 20px;
	margin-bottom: 40px;
}