@charset "utf-8";
/*
©2012 NEUMATICOS AIZOAIN / FEBRERO
Autor: 	KIARANET/MBA
*/

/*******************************************
	GLOBAL
	color: #D40000; rojo / body
	color: #EA8080; color carne / footer
*******************************************/
*{
	margin:0;
	padding:0;
}
header,footer,
article,section,
hgroup,nav,
figure{
	display:block;
}
html, body {
	height: 100%;
}
body {
	font-family: Arial, sans-serif;
	background: #D40000 url(../images/back-body.png) no-repeat top left;
	color: #333;
}
table {
	border-collapse: collapse;
}
a img {
	border: 0;
}
/*	hack DIV */
div:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div { 
	display:inline-block;
}
div { 
	display:block;
}
div.clearme {
	clear: both;
	margin: 10px 0;
}
/*
	LAYOUT
*/
table#layout {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
	#layout td {
		padding: 10px 0 25px 0;
		vertical-align: top;
	}
	#layout th {
		vertical-align: top;
		font-weight: normal;
		text-align: left;
		padding: 10px 0;
		background: url(../images/footer-border.png) no-repeat center top;
	}
/*
	<header>
*/
#cabecera {
	position: relative;
	width: 980px;
	height: 161px;
	margin: 0 auto;
}
	/*logo*/#cabecera h1{
		position: absolute;
		z-index: 100;
		top: 0px;
		left: 20px;
		width: 216px;
		height: 161px;
		background: url(../images/logo-head.png) no-repeat;
		/*FAKE*/
		text-indent: -1000em;
		margin: 0;
	}
	.top-menu {
		position: absolute;
		z-index: 100;
		top: 102px;
		left: 315px;
		height: 42px;
	}
	.top-menu ul {
	    list-style: none;
	    margin: 0;
		padding: 0;
	}
	.top-menu li {
	    float:left;
	}
	.top-menu li a {
		font-size: .9em;
		font-weight: bold;
		color: whiteSmoke;
		text-decoration: none;
		text-transform: uppercase;
		/**/
		display: block;
		margin: 0 2px 0 0;
		padding: 14px 13px 10px;
	}
	.top-menu li a:hover, .top-menu li.active a {
		color: white;
		background: #a10000 url('../images/menu-top-active.png') no-repeat center bottom;
	}
	.top-address {
		position: absolute;
		z-index: 150;
		top: 0;
		right: 0;
		width: 290px;
		height: 53px;
		/**/
		font-size: 1.2em;
		color: #EA8080;
		text-align: right;
	}
	.top-address a {
		color: white;
		text-decoration: none;
	}
	.top-address a:hover {
		text-decoration: underline;
	}	
/*******************************************
	<section> PORTADA
*******************************************/
#contenido {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}
	.razon-social {
		float: left;
		width: 216px;
		height: 184px;		
		margin: 0 0 0 20px;
	}
	.razon-social h2 {
		height: 1px!important;
		/*FAKE*/
		text-indent: -1000em;
	}
	.razon-social figure {
		margin: 0;
	}
	.buscador {
		float: right;
		width: 700px;
		height: 184px;
		/**/
		background: url(../images/back-buscador.png) no-repeat;
	}
	.buscador-int {
		width: 700px;
		height: 184px;
		margin-bottom: 20px;
		/**/
		background: url(../images/back-buscador.png) no-repeat;
	}
	.intro-box {
		float: left;
		position: relative;
		width: 216px;
		height:360px;
		margin: 15px 0 0 22px;
		overflow: hidden;
	}
	.intro-box h3 {
		width: 216px;
		height: 115px;
		/*FAKE*/
		text-indent: -1000em;
		margin: 0;

	}
	.intro-box figure {
		margin: 5px 0;
	}
	.intro-box p {
		font-size: .8em;
		margin: 0 10px;
		height: 95px;
		color: white;
		overflow:hidden;
	}
	.intro-box span {
		position: absolute;
		z-index: 100;
		bottom: 0;
		right: 0;
		width: 56px;
		height: 24px;
		/**/
		font-size: .7em;
		text-align: center;
		/**/
		margin: 0;
		padding: 10px 0 0 0;
		background: url(../images/back-masinfo.png) no-repeat;
	}
/*links*/
	.intro-box a {
		color: white;
		text-decoration: none;
	}
	.intro-box a:hover {
		text-decoration: underline;
	}
/*******************************************
	<section> INTERIOR
*******************************************/
nav#menu-izda {
	float: left;
	width: 216px;
	margin: 15px 0 0 20px;
}
	nav#menu-izda ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	nav#menu-izda li a {
		font-size: .8em;
		font-weight: bold;
		color: whiteSmoke;
		text-decoration: none;
		text-transform: uppercase;
		/**/
		display: block;
		margin: 0 0 2px 0;
		padding: 14px 13px 10px;
		background: #a10000;
	}
	nav#menu-izda a:hover, nav#menu-izda li.active a {
		color: white;
		background: #6e0000 url('../images/menu-izda-active.png') no-repeat right center;
	}

#contenido .articulo {
	float: right;
	width: 720px;
	min-height: 400px;
	/**/
}
#contenido .articulo a {
	color: white;
	text-decoration: none;
}
#contenido .articulo a {
	text-decoration: underline;
}
#contenido .articulo h1 {
	font-size: 1.3em;
	color: white;
	margin: 20px 0;
	border-bottom: 1px dotted #EA8080;
}
#contenido .articulo h2 {
	font-size: 1.2em;
	color: white;
	background: #a10000;
	padding: 8px;
	/**/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}
#contenido .articulo p {
	color: #F8D8D8;
	margin: 20px 0;
}

p.calidad {
	padding: 8px;
	color: white!important;
	background: #a10000;
	/**/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}


#contenido .articulo li {
	color: #F8D8D8;
	margin: 0 0 0 30px;
}
.intro-box-interior {
	float: left;
	width: 216px;
	margin: 15px 0 0 22px;
}
.intro-box-interior h3 {
	width: 216px;
	height: 115px;
	/*FAKE*/
	text-indent: -1000em;
	margin: 0;
}
.intro-box-interior a h3 {
	filter: alpha(opacity=50); 
	opacity: .50;
}

.intro-box-interior a:hover h3 {
	filter: alpha(opacity=99); 
	opacity: .99;
}

/* categoria */
ul.categoria:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul.categoria { 
	list-style: none;
	display:inline-block;
}
ul.categoria { 
	display:block;
}
	ul.categoria li {
		float: left;
		position: relative;
		width: 200px;
		height: 225px;
		margin: 0 10px 10px 0!important;
		border: 1px solid #EA8080;
	}
	ul.categoria li a {
		position:absolute;
		z-index: 100;
		bottom: 0;
		left: 10px;
	}
		li.turismo {
			background: url('../images/rueda-turismo.png') no-repeat;
		}
		li.camioneta {
			background: url('../images/rueda-camioneta.png') no-repeat;
		}
		li.cuatro {
			background: url('../images/rueda-4x4.png') no-repeat;
		}		

/* ficha de producto */
div.ficha-producto {
	width: 718px;
	font-size: .7em;
	border: 1px solid #A10000;
	background: white;
}
	div.ficha-producto span {
		font-weight: bold;
		color: #6E0000;
		text-transform: uppercase;
		padding: 2px 0;
		display: block;
		border-bottom: 1px solid #A10000;
	}
	.ficha-producto .modelo, 
	.ficha-producto .dimension, 
	.ficha-producto .iccv, 
	.ficha-producto .marca, 
	.ficha-producto .precio {
		float: left;
		color: black;
		padding: 5px;
	}
	.ficha-producto .modelo, 
	.ficha-producto .dimension, 
	.ficha-producto .iccv, 
	.ficha-producto .marca {
		border-right: 1px solid #A10000;
	}
	.ficha-producto .modelo {
		width: 198px;
	}
	.ficha-producto .modelo a {
		color: #A10000!important;
	}
	.ficha-producto .dimension, .ficha-producto .iccv {
		text-align: center;		
	}	
	.ficha-producto .marca {
		width: 166px;
		
	}
	.ficha-producto .precio {
		text-align: right;
		font-weight: bold;
	}
 
	.ficha-producto .dimension, 
	.ficha-producto .iccv,  
	.ficha-producto .precio {
		width: 100px;
	}
	
/* fin ficha de producto */

/* resumen stock*/
div#stockage {

}
	div#stockage h4 {
		color: #F8D8D8;
		margin: 8px 0;
	}
	div#stockage hr {
		border: none;
		height: 1px;
		background: #EA8080;
		margin: 8px 0 0 0;
	}
	div#stockage p {
		margin: 0 0 0 0!important;
	}
	div#stockage .stock-box1, div#stockage .stock-box2, div#stockage .stock-box3 {
		float: left;
		margin: 0 1px 1px 0;
		padding: 2px 0;
		color: #F8D8D8;
	}
	div#stockage .stock-box1 {
		width: 200px;
	}
	div#stockage .stock-box2 {
		width: 310px;
		text-align: right;
	}
	div#stockage .stock-box3 {
		width: 200px;
		text-align: right;
	}

/* /resumen stock*/
		
/*******************************************
	<footer> GLOBAL
*******************************************/
footer {
	width: 980px;
	margin: 0 auto;
	color: #EA8080;
}
footer a {
	color: white;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
	footer address {
		float: left;
		font-style: normal;
		font-size: .8em;
		margin: 0 0 0 20px;
	}
	footer nav {
		float: right;
		font-size: .8em;
		margin: 0 20px 0 0;				
	}

/*******************************************
	formularios buscador / contacto
*******************************************/

#BUSCADOR .opciones {
    padding: 20px 0 0 70px;
    text-align: center;
}
#BUSCADOR label {
    float: left;
    color: black;
    font-size: .8em;
    font-weight: bold;
    width: 110px;
}
#BUSCADOR select {
    margin: 1px 0 0 0;
}
#BUSCADOR select.ancho-fijo {
    font-size: 1.2em;
    color: #A10000;
    padding:4px;
    width: 80px;
    border: 1px solid black;
    /**/
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
}
#BUSCADOR .boton {
    text-align: right;
    padding: 100px 32px 0 0;
}
#BUSCADOR input[type=submit] {
    font-size: 1em;
    color: white;
    padding: 5px;
    background: #A10000;
    border: none;
    border-radius: 5px;
    -moz-border-radius:	5px;
    -webkit-border-radius: 5px;
    /**/
    cursor: pointer;
}
.buscador-int #BUSCADOR .opciones {
	padding: 20px 0 0 70px;
}

.buscador-int #BUSCADOR .boton {
	text-align: right;
	padding: 80px 32px 0 0;;
}

/**/
div.horario {
	float: left;
	width: 280px;
	padding: 0 10px;
}

div.horario p, div.horario ul {
	padding: 0 0 0 20px;
}

div.cajaform {
	float: left;
	width: 412px;
}
div.cajaform2 {
	width: 412px;
	margin: 0 auto;
}

div.cajaform p.error {
    color: white!important;
    background: red;
}

div.cajaform div.gracias {
	width: 100%;
	padding: 20px;
	text-align: center;
}

div.cajaform div.gracias h3 {
	color: #F8D8D8;
}

form#ContactForm input, form#ContactForm textarea, form#consultaForm input, form#consultaForm textarea {
    font-family: sans-serif;
    font-size: .9em;
    color: #630;
    padding: 3px 5px;
    border-radius: 3px;
    border:1px solid #6e0000;
    /**/
    width: 400px;
	background: #EA8080;
}

form#consultaForm select {
	font-family: sans-serif;
	font-size: .9em;
	color: #630;
	padding: 3px 5px;
	border-radius: 3px;
	border:1px solid #6e0000;
	/**/
	width: 200px;
	background: white;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #6e0000;
    font-family: Arial;
    font-style: italic;
    /**/
    opacity: 0.7;
    filter : alpha(opacity=70);
    -moz-opacity : 0.7; 
    -ms-filter: "alpha(opacity=70)";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #6e0000;
	font-family: Arial;
	font-style: italic;
	/**/
	opacity: 0.7;
	filter : alpha(opacity=70);
	-moz-opacity : 0.7; 
	-ms-filter: "alpha(opacity=70)";
}

.placeholder
{
  color: #6e0000;
  font-family: Arial;
  /**/
  opacity: 0.7;
  filter : alpha(opacity=70);
  -moz-opacity : 0.7; 
  -ms-filter: "alpha(opacity=70)";
}


form#ContactForm fieldset, form#consultaForm fieldset {
	border: none;
}

form#ContactForm textarea, form#consultaForm textarea {
	height: 100px;
}

form#ContactForm #cfContact, form#consultaForm #cfContact {
    cursor: pointer;
    color: rgb(255,255,255);
    background: #6e0000;
    border: none;
    padding: 3px 15px 1px 15px;
    /**/
    width: 100px;
    margin: 0 0 0 156px;
}
form#ContactForm .legal, form#consultaForm .legal {
	font-size: .7em;
}
form#ContactForm #legal, form#consultaForm #legal {
	width: 20px;
}
form#ContactForm div, form#consultaForm div {
	color: #6e0000;
	padding: 0 0 5px 0;
}

.rojo {
    color: rgb(255,0,0);
}
hr.separalo {
    margin: 5px 0;
    border: none;
    height: 1px;
    background: #6e0000;
}

/* google maps */
#map_canvas { 
	width: 720px;
	height: 300px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* BUSQUEDA DE NEUMATICOS */

#resultado-busqueda{
	background: #FFF;
	font-size: 12px;
	width: 668px;
	padding: 40px 15px 0;
	/**/
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#resultado-busqueda th {
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #000;
	text-align: center;
	padding: 0 0 5px;
}

#resultado-busqueda td{
	padding: 5px 0 10px;
	text-align: center;
}

#resultado-busqueda .detalle{
	text-align: left;
	padding-left: 10px;
}

#resultado-busqueda .detalle input{
	margin: 5px 0 0 10px;
}

#resultado-busqueda .precio{
	background-color: #CCC;
}

#resultado-busqueda .precio p{
	margin: 0;
	color: #000;
	font-weight: bold;
}

#resultado-busqueda .monto{
	font-size: 22px;
}

#resultado-busqueda input[type="submit"]{
	padding: 1px 12px;
	margin-top: 3px;
}

/* µßå  redes sociales */
div#socials {
	position: absolute;
	top: 15px;
	left: 545px;
	width: 100px;
}
	#socials .facebook,
	#socials .youtube
	{
		float: left;
	}
	#socials .facebook a,
	#socials .youtube a {
		display: block;
		width: 43px;
		height: 43px;
		text-indent: -9999px;
	}
	#socials .facebook a {
		background: url('../images/ico-facebook.png') no-repeat 0px 0px;
		margin-right: 10px;
	}
	#socials .facebook a:hover {
		background: url('../images/ico-facebook.png') no-repeat 0px -43px;
	}
	#socials .youtube a {
		background: url('../images/ico-youtube.png') no-repeat 0px 0px;
	}
	#socials .youtube a:hover {
		background: url('../images/ico-youtube.png') no-repeat 0px -43px;
	}
	

/**/