@charset "UTF-8";
/* CSS Document */
body {	
	font-family: Verdana, "Trebuchet MS", Lucida Grande, Verdana, sans-serif;
	font-size: 11px;			
	/*text-align: center;*/
	color: #333;
	background-color:#d8dfcb;
	text-align:center;
	
}
body, form, ul, li, dl, dt, dd, h1, h2, h4, h5, h6,p,span,div,blockquote,legend,fieldset {
	margin: 0;
	padding: 0;
}

/*13-06-2011*/
a{
text-decoration:none;
}



#wrapper {
	float:left;
	width: 100%;
	text-align: center;
	background: url("images/bckg.gif") repeat-y center top;
}


#inner-wrapper {
	padding:10px;
	margin-left:auto;
	margin-right:auto;
	width: 740px;
	text-align: left;
}


/* Imagen Grande */
#header_index {
	background-image:url(images/header.gif);
	background-position:center;
	background-repeat:no-repeat;
	height: 96px;
	width: 535px;
	margin-top:30px;
	}
#header {
	background-image:url(images/header2.gif); /*13-06-2011 cambiamos la foto para meterle tambiŽn telŽfono de contacto*/
	background-position:center;
	background-repeat:no-repeat;
	height: 108px;
	width: 740px; /*25-06-2011 700px */
	margin-top:5px; /* 25-06-2011 a–adimos el margen superior */
	}

/* 25-06-2011 capa para el flash de la cabecera */
	
#flashCabecera{
	margin: 0 auto 0 auto;
	width: 740px;
	height:100px;
	margin-top:0px;
}

/* fin capa para el flash
	
	#foto_grande {
	padding-top:5px;
	margin: 0 auto 0 auto;
	background-image:url(images/foto.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height: 161px;
	}
	#foto_grande_index {
	padding-top:5px;
	margin: 0 auto 0 auto;
	background-image:url(images/foto_index.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:450px;
	}
	
	.slogan {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bolder;
	
	color:#000000;
	position:absolute;
	left: 258px;
	top: 123px;
	}
	

/* MENU */
	#MainMenu 
{ 
	width:189px;
	margin-top:10px;
	height:218px; /*218*/
	background:url(images/bckg_menu.gif) bottom right no-repeat;
	float:left;
	
	
}

#banners{
float:left;
width:170px;
height:600px;
margin-top:20px;
}
#izqui{
float:left;
width:170px;

}
#galeria{
clear:both;
width:735px;
text-align:center;}

#tab 
{
	margin:0;
	top:0;

	
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
float:left;
	margin:0;
	padding:0;
	clear:both;
		
}
#tab a 
{
	background: #cbd5bb url(images/list_menu.jpg) left center no-repeat;
	margin:0;
	padding:0;
	text-decoration:none;
	width:178px;
	border:1px solid #FFFFFF;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	padding:0 5px 0 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	line-height:24px;
}
#tab a:hover,#tab li.item_active a 
{
	border-color:#FFFFFF;
}
#tab a:hover span,#tab li.item_active a span 
{
background:#7e9aaa url(notocar/images/list_menu_hover.jpg) left center no-repeat;
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;

}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #FDB300;
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;

}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	background:#7e9aaa url(notocar/images/list_menu_hover.jpg) left center no-repeat;
	font:10px;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:20px;
	padding:0 5px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#FFFFFF;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:1px solid #FFFFFF;
	background:#cbd5bb;
	font-style:normal;
	text-decoration:none;
	color:#000;
}
.dropmenudiv a:hover span 
{
background:#cbd5bb;
	color:#FFFFFF;
}

/* ESPECIALIDADES DE LA HOME */
.rollover {
display: block;
width:170px;
height:73px;
background-image:url(images/ban_laser_1.jpg);
text-indent: -9999px;}

a.rollover:link, a.rollover:visited, a.rollover:active{
background-image:url(images/ban_laser_1.jpg);}

a.rollover:hover{
background-image:url(images/ban_laser.jpg);}


.rollover_dental {
display: block;
width:170px;
height:73px;
background-image:url(images/ban_dental_1.jpg);
text-indent: -9999px;}

a.rollover_dental:link, a.rollover_dental:visited, a.rollover_dental:active{
background-image:url(images/ban_dental_1.jpg);}

a.rollover_dental:hover{
background-image:url(images/ban_dental.jpg);}

.rollover_chequeo {
display: block;
width:170px;
height:73px;
background-image:url(images/ban_chequeo_1.jpg);
text-indent: -9999px;}

a.rollover_chequeo:link, a.rollover_chequeo:visited, a.rollover_chequeo:active{
background-image:url(images/ban_chequeo_1.jpg);}

a.rollover_chequeo:hover{
background-image:url(images/ban_chequeo.jpg);}

.rollover_sobrevenido {
display: block;
width:170px;
height:73px;
background-image:url(images/ban_sobrevenido_1.jpg);
text-indent: -9999px;}

a.rollover_sobrevenido:link, a.rollover_sobrevenido:visited, a.rollover_sobrevenido:active{
background-image:url(images/ban_sobrevenido_1.jpg);}

a.rollover_sobrevenido:hover{
background-image:url(images/ban_sobrevenido.jpg);}

.rollover_cot {
display: block;
width:170px;
height:73px;
background-image:url(images/ban_cot_1.jpg);
text-indent: -9999px;}

a.rollover_cot:link, a.rollover_cot:visited, a.rollover_cot:active{
background-image:url(images/ban_cot_1.jpg);}

a.rollover_cot:hover{
background-image:url(images/ban_cot.jpg);}


.rollover_balon {
display: block;
width:170px;
height:73px;
background-image:url(images/ban_balon_1.jpg);
text-indent: -9999px;}

.attcliente {
margin-top:10px;
display: block;
height:150px;
background-image:url(images/attcliente.jpg);
text-indent: -9999px;
}

a.rollover_balon:link, a.rollover_balon:visited, a.rollover_balon:active{
background-image:url(images/ban_balon_1.jpg);}

a.rollover_balon:hover{
background-image:url(images/ban_balon.jpg);}

/* CONTENIDO */

/* 13-06-2011 capa para el flash, la ponemos en el fondo para que el menś vaya encima de ella */
#flash{
margin-left:15px;
margin-top:5px;
width:500px; /* 25-06-2011 420px */
height:220px;
z-index:-999;
}

#slogan_seccion 
{
margin-left:22px;
margin-top:15px;
width:287px;
height:85px;
float:left;
background-image:url(images/slogan_seccion.gif);
}

#slogan_seccion2
{
margin-left:22px;
margin-top:15px;
width:287px;
height:170px;
float:left;
background-image:url(images/slogan_seccion2.jpg);
}

#ultimas_noticias_titulo
{
margin-left:65px;
margin-top:95px;
font-weight: bold;
font-size: 16px;
}

#ultimas_noticias
{
margin-left:40px;
margin-top:15px;
font-size: 10px;
cursor: pointer;
overflow: hidden;
}

#ultimas_noticias a
{
text-decoration: none;
color: black;
}


#foto_seccion 
{
background-image:url(images/Foto_seccion.jpg);
height:175px;
width:244px;
margin-top: 14px;
float:right;

}

/* caracter’sticas del texto general de la p‡gina */
#texto {
margin-top:10px;
margin-right:5px;
width:539px;
height:auto;
text-align:justify;
float:right;
font-size:11px;
color:#333; /*000 cambiado 13-06-2011*/
}

/* 15-06-20011 definimos colores para enlaces no visitados, visitados y al pasar el cursor */

#texto a:link{
color:#333;
}

#texto a:visited{
color:#333;
}

#texto a:hover{
color:#399;
} 


#texto table td img{
	
	border: 1px solid #000;
}
#texto table td{
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
/* Imagenes del contenido */

.imagen {
border:#7E9AAA 1px solid;
padding:2px;

}
.pie_de_foto{
color:#7e9aaa;
font-size:10px;}


#texto h3 {
font-size:10px;
color:#366; /* 17-06-2011 #7e9aaa*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:2px;
 }
 
h3 {color:#7e9aaa;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 line-height:2px;
 }
#texto hr {
line-height:5px;}


/* 18-06-2011 incluimos div para los bloques de noticias */
#noticias{
margin-top:10px;
margin-right:5px;
width:240px;
height:270px;
padding:8px; /* 22-06-2011 */
text-align:justify;
float:left;
font-size:9px;
color:#333;
border-style:solid;
border-width:thin;
border-color:#699;
}


/*22-06-2011 establecemos una capa para un tama–o de noticia m‡s grande */
#noticiasGrande{
margin-top:10px;
margin-right:5px;
width:517px;
height:auto;
padding:8px;
text-align:justify;
float:left;
font-size:9px;
color:#333;
border-style:solid;
border-width:thin;
border-color:#699;
}
/* estilos para el pie */

#pie
{

clear:both;
font-size:9px;
text-align:center;
padding-top:25px;

}

/* 18-06-2011 cambiamos color de links, visitados y hover */
#pie a:link{
color:#333; /*#7e9aaa*/
}

#pie a:visited{
color:#333; /*#7e9aaa*/
}

#pie a:hover{
color:#399;
}
/* fin del pie */


.formulario {

border:#cbd5bb 1px solid;}

.listas {
color:#7e9aaa;
}
.listas ol {
list-style:inside disc;
color:#333333;
list-style-image:url(images/list.jpg);
	}
.listas a:link, .listas a:visited {
color:#7e9aaa;}

.listas a:hover{
color:#333333;}