/*   
Theme Name: LNG Olivieri
Author: dibusoft mmdv
Author URI: http://www.dibusoft.com/
Version: 1.0
Description: LNG Olivieri | Concesionaria Volkswagen.
*/

/* Llamamos a los CSS complementarios */
@import url(formularios.css);
@import url(tooltips.css);
@import url(menu.css);

/* IE7 HACKS */
*:first-child+html {
}

/* Neutralizamos los Estilos */
*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/* text-shadow:#000000 0px 0px 0px; Eliminamos el efecto bold en Safari
text-shadow:none;*/
text-shadow:0px 0px 0px 0px; /* Eliminamos el efecto bold en Safari*/
}

p, pre, blockquote, ul, ol, dl, address {
font-weight:normal;
padding:7px 0 7px 0;
}

h1, h2, h3, h4, h5, h6{
font-weight:normal;
margin:0px;
}

h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}


/* Links Bases */
a, a:link, a:visited {
color:#333333;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#000000;
text-decoration:underline;
}

a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
}

/* Algunas clases útiles */
.clear {
clear:both;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

/* Estructura */
body{
margin:1px 0px 0px 0px;
padding:0px;
height:100%;
color:#333333;
}

#esparriba{
margin:0px auto;
padding:0px;
background-color:#DBDCDD;
border-bottom:1px solid #FFFFFF;
}

#header{
margin:0px auto;
padding:0px;
width:760px;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

#logo{
padding:15px;
float:left;
width:260px;
}

#extranetcontainer{
padding:0px;
float:right;
text-align:right;
height: 76px;
}	#extranetcontainer a img{
		margin-top: 42px;
		display: block;
		float:left;
	}
#vw{
padding:10px;
float:right;
}

#espbanner{
margin:0px auto;
padding:0px;
background-color:#808183;
border-bottom:1px solid #FFFFFF;
}

#banner{
margin:0px auto;
padding:0px;
width:760px;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

#espmenu{
margin:0px auto;
padding:0px;
background-color:#DBDCDD;
border-bottom:1px solid #FFFFFF;
}

#encabezado{
margin:0px auto;
padding:0px;
width:760px;
background-color:#FFFFFF;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

#menu{
background-color:#0061AA;
}

#titulo{
background-color:#808183;
border-top:1px solid #FFFFFF;
color:#FFFFFF;
padding:5px 5px 5px 10px;
}

#submenu{
background-color:#DBDCDD;
border-top:1px solid #FFFFFF;
padding:0px 10px 0px 10px;
text-align:right;
}

#espcontenido{
margin:0px auto;
padding:0px;
background-color:#FFFFFF;
}

#content{
margin:0px auto;
padding:20px 0px 0px 0px;
width:760px;
}

#leftcontent{
float:left;
width:550px;
padding-left:10px;
}

#rightcontent{
float:right;
width:180px;
}

#footer{
margin-top:15px;
border-top:1px solid #0061AA;
border-bottom:1px solid #0061AA;
color:#666666;
text-align:center;
}

#dibusoft{
padding:10px;
text-align:center;
}

/* Clases complementarias */
.separador{
margin-top:10px;
margin-bottom:10px;
height:1px;
background-color:#0061AA;
}

.azul{
color:#0061AA;
}

#leftcontent .titazul,
#leftcontent .informes,
#leftcontent .hayform{
width:auto;
}

.informes{
background: #FFFFFF url(../images/iconos/information.gif) center no-repeat;
background-position: 25px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 70px;
border-top: 1px solid #FF7F00;
border-bottom: 1px solid #FF7F00;
}

.hayform{
margin-top:10px;
background: #FF9A3E url(../images/iconos/contact.gif) center no-repeat;
background-position: 25px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 70px;
border-top: 1px solid #FF7F00;
border-bottom: 1px solid #FF7F00;
width:550px;
}

.titazul{
border-bottom: 2px solid #0061AA;
font-size:14px;
font-weight:bold;
}

.volver{
margin-top:15px;
padding:10px;
}

.btnhome{
text-align:right;
padding-top:3px;
padding-right:3px;
float:right;
}

/* Contenidos */
#leftcontent p{
line-height:1.5;
width:350px;
}

#leftcontent #equipamiento p{
	width: auto;
}
#leftcontent #equipamiento td{
	padding: 4px;
}

#leftcontent ul{
list-style:none;
margin:0px;
padding:0px;
}

#leftcontent li{
list-style:none;
background-image:url(../images/iconos/accept.gif);
background-position:left top;
background-repeat:no-repeat;
height:18px;
margin:5px;
padding:0px 0px 0px 25px;
}

#go li{
background-image:url(../images/iconos/bullet_go.gif);
}

#star li{
background-image:url(../images/iconos/star.gif);
}

/* Gal de Fotos */

#galfotos{
	border-left: 3px solid #808183;
	border-right: 3px solid #808183;
	margin-bottom:20px;
	display:block;
	width:546px;
	height:250px;

}


#galfoto_limiter{
	width:500px;
	height:250px;
	overflow:hidden;
	margin-left:20px;
	margin-right:20px;
	position:absolute;
	display:block;
	border:1px solid #CCCCCC;
}

#galfoto{
	max-height:250px;
	width:5559px;
	left:0px;
	position:relative;
	display:block;
	text-align:center
}
.galfoto_item{
	display:block;
	float:left;
	width:500px;
	height:250px;
	overflow:hidden;
}

#galprev{
float:left;
width:150px;
height:25px;
padding:10px 0px 0px 20px;
background-image:url(../images/btn-back.jpg);
background-repeat:no-repeat;
background-position:center;
display:block;
}
#galnext{
float:right;
width:150px;
height:25px;
padding:10px 20px 0px 0px;
text-align:right;
background-image:url(../images/btn-next.jpg);
background-repeat:no-repeat;
background-position:center;
display:block;
}
#galnext span, #galprev span{
display:none;
}

/* Catalogo */
#catalogo{}

#catalogo img{
border:1px solid #CCCCCC;
margin-bottom:5px;
}

.item{
width:170px;
float:left;
padding-right:13px;
padding-bottom:15px;
text-align:center;
}

/* Detalle */
#galdeta{
	margin-bottom:15px;
	margin-top:15px;
	width:550px;
	
  height:226px;	
/*overflow:hidden;*/
}
#galdetafoto_limiter{
border-left: 5px solid #808183;
border-right: 5px solid #808183;
	position:absolute;
	width:440px;
	height:226px;
	display:block;
	overflow:hidden;
	min-height:226px;
	text-align:center;
	margin-left:20px;
	margin-right:20px;
	

}
.galdetafoto_item{
width:440px;
height:226px;
overflow:hidden;
display:block;
float:left;
}
.galdetafoto{
/*
padding-left:25px;
padding-right:25px;
width:510px;
*/
float:left;
text-align:center;
width:11000px;
left:0px;
position:absolute;
}
.galdetacolores{
float:right;
width:20px;
padding-right:3px;
margin-right:15px;
margin-top:5px;
}
.galdetacolores img,.galdetacolores div {
margin-bottom:5px;
background-color:#EEEEEE;
border:1px solid #C6C6C6;
height:20px;
width:20px;
}

#leftcontent .fotos{
margin-left:30px;
width:430px;
text-align:justify;
}

.fotdetalle{
background-color:#EEEEEE;
margin:1pt;
margin-top:4pt;
}

/* Links */
#submenu a, #submenu a:visited{
text-decoration:none;
}

#submenu a:hover, #submenu a:active{
color:#0061AA;
text-decoration:none;
}

/* Inicio */
.bloque1, .bloque2{
float:left;
width:238px;
margin-right:20px;
margin-bottom:20px;
background-color:#EEEEEE;
border:1px solid #C6C6C6;
text-align:center;
}

.bloque3{
float:left;
width:238px;
margin-bottom:20px;
background-color:#EEEEEE;
border:1px solid #C6C6C6;
text-align:center;
}

/* Autoahorro */
#autoahorro ul, 
#autoahorro li {
list-style:none;
padding:0px;
margin:0px;
height:auto;
width:300px;
}

#autoahorro li a {
height:32px;
voice-family:"\"}\"";
voice-family:inherit;
height:24px;
padding-left:30px;
padding-top:8px;
}

#autoahorro li a:link, #autoahorro li a:visited {
display:block;
background:url(../images/submenu/submenu.gif);
}

#autoahorro li a:hover, #autoahorro li #current {
background:url(../images/submenu/submenu.gif) 0 -32px;
text-decoration:none;
}

.moreinfo {
	background-image:url(../images/btn-info.jpg);
	width:53px;
	height:15px;
	display:block;
	float:right;
}
.moreequip{
	background-image:url(../images/btn_equip.jpg);
	width:118px;
	height:16px;
	display:block;
	float:left;
}
.moreequip span,
.moreinfo span{
	display:none
}


#leftcontent .fotos p{
	margin-top: 10px;
}

#leftcontent .fotos p{
width:100%;
}


#thumb2,#thumb3,#thumb4{
	margin-left:4px;
}

/*
* USADOS
*/
/* submenu*/
.submenuusados{
}
.submenuusados label{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
}
.submenuusados label,
.submenuusados select,
.submenuusados button{
	margin:5px;
}

/* Galeria	de usados*/
.usadosrow{
	width:760px;
	min-height:95px;
	margin-top:5px;
}
.usadosrow.row1{
	background-color:#BCBEC0;
}
.usadosrow.row2{
	background-color:#DCDDDE;
}
.usadosrow_image{
	width:119px;
	height:84px;
	background-color:blue;
	float:left;
	margin:10px;
}
.usados_data{
	width:610px;
	float:left;
	padding:5px;	
}

/*********** REPARAR PT EN FONT SIZE *********/
.usados_data table{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	text-align:center;
	width:100%;	
	font-weight:700;
}
.usados_data table thead tr th{
	border-bottom:2px solid #636467;
	color:#636467;
	font-size:15px;
	font-weight:700;
}
.usados_data table thead tr th.first{
	color:#333333;
	width:250px;
}
.usados_data table tbody tr td{
	font-size:10px;
}




/* detalle usados */
.detalle_usados .titazul{
	border-bottom-color:#636467;
}

.detalle_usados #galdeta{
	background-color:#BCBEC0;
	height:290px;
	margin-top:5px;
	width:328px;
}
.detalle_usados #galdetafoto_limiter {
	background-color:black;
	border:medium none;
	height:223px;
	margin:12px;
	min-height:181px;
	width:306px;
	position:relative;
}
.detalle_usados .fotos{
	width:300px;
	margin-left:26px;
}

.cols_2col .cols_2col_col1{
	width:50%;
	float:left;
}
.cols_2col .cols_2col_col2{
	width:50%;
	float:left;
}
.detalle_usados .galdetafoto_item{
	width:306px;
	height:223px;
}
.foto_navigator{
	clear:both;
	position:relative;
}
.foto_navigator #prev{
	margin-left:10px;
	float:left;
}

.foto_navigator #next{
	margin-right:10px;
	float:right;
}

.datos_del_vendedor{
	margin-left:10px;
}

.datos_del_vendedor,
.datos_del_vendedor p{
	color:#636467;
	font-size:15px;
	font-weight:800;
}
.datos_del_vendedor a{
	color:#0060A9;
}

.datos_del_vendedor hr.orange{
	border-bottom:1px solid #F7931E;
	height:1px;
	width:80%;
	margin:5px 20% 5px 0px;
}

.detalle_usados_data table{
	margin-top:10px;
	padding-bottom:20px;
	width:380px;
	text-align:center;
	border-bottom: 2px solid #636467;
	line-height:22px;
}
.detalle_usados_data table thead tr th{
	background-color:#E0E1E2;
	color:#636467;
	font-size:15px;
	font-weight:700;
}
.detalle_usados_data table tbody tr td{

}

.detalle_usado_subtitle_text{
}
.detalle_usado_subtitle{
	color:#636467;
	font-size:15px;
	font-weight:700;	
}


/**   ventas **/

#leftcontent span.button_ventas {
	width:233px;
	height:36px;
	display:block;
	line-height:36px;
	font-size:14px;
	background:transparent url(../images/button_ventas.jpg) no-repeat scroll 0 0;
	margin:3px;
}

#leftcontent span.button_ventas a{
	margin:10px;
	color:white;
}


/** EXTRANET **/
#logo_extranet{
	float: left;
	display: block;
	padding: 0 10px;
	width: 160px;
}
#texto_logo_extranet{
	float: left;
	display: block;
	width: 370px;
	padding: 10px 0;
}
#texto_logo_extranet p{
	width: auto;
}
#extracondiciones{
	padding: 0 20px;
}
#extracondiciones p{
	width: auto;
} 

#rightcontent.extranet{
 width:314px;
}
#rightcontent.extranet img{
 width:150px;
 border: 1px grey solid;
 float: left;
 margin: 2px;
}
#leftcontent.extranet{
 width:430px;
}
#leftcontent.extranet p {
	width: 400px;
}

/* ENCUESTA */
.submit input{
	background: transparent url(../images/enviarencuesta_chico.jpg) no-repeat scroll 0 0 ;
	border: none;
	height:24px;
	text-indent:-999px;
	width:54px;
	float:right;
	cursor: pointer;
}