@charset "utf-8";
/* CSS Document */

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	padding-top: 30px;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

    /*Borramos para casi todos los tags conocidos por el hombre cualquier margen, espacio, interlineado extraño, bordeados, etc… empezaremos desde cero*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    }

    /*Quitamos cualquier efecto predefinido sobre enlaces cuando tienen el foco y nos olvidamos de los enlaces subrayados*/
    :focus { outline: 0;} /*Actualización: Como bien me recuerdan, aclarar que este cambio de estilo debe hacerse siempre que vayamos a remarcarlo de otra manera, pues de no hacerlo tenedremos problemas de accesibilidad a nuestra página */
    a, a:link, a:visited, a:hover, a:active{text-decoration:none}

    /*Para tablas y sus casillas de salida las dejamos con celdas separadas, que los textos se alinean a la izquierda y eliminamos la negrita para campos tipo <td>*/
    table { border-collapse: separate;border-spacing: 0;}
    th, td {text-align: left; font-weight: normal;}

    /*Eliminamos el border en imágenes o iframe aunque formen parte de un enlace*/
    img, iframe {border: none; text-decoration:none;}

    /*De salida nada de símbolos raros para nuestros listados*/
    ol, ul {list-style: none;}

    /*Para variables típicas de formulario usaremos la tipografía que definamos expresamente y al tamaño que definamos*/
    input, textarea, select, button {font-size: 100%;font-family: inherit;}
    select {margin: inherit;}

    /*Convertimos el <hr> en una linea simple*/
    hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}


/*@START BODY*/

body {
	position: relative;
	width: 1024px;
	height: auto;
	left: 50%;
	margin-left: -512px;
	background: url(../img/fondo_body2.jpg) top repeat-x;
	background-color: #ebebeb;
	}

/*@END BODY*/
/*@START MODIFICABLE*/
div#modificable {
	position: relative;
	width: 1024px;
	height:270px;
	margin-left: 20px;
	padding-top: 0;
	}
div#contenido_modificable {
	position: relative;
	width: 320px;
	height: auto;
	top: 0px;
	float: left;
	text-align: center;
	margin-right: 10px;
	}
div#contenido_modificable img {
	border: #666 solid 1px;
	margin-bottom: 10px;
}
div#contenido_modificable p {
	position: relative;
	display: block;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 14px;
	text-align: center;
	margin-top: 0px;
	}
	
	#contenido_modificable p.ingles_index {
		color:#666;
		font-size: 12px;
		padding-top: 5px;
		}
		
	#contenido_modificable p.debajo_video {
		padding-top: 10px;}
	
div#boton_modificable {
	position: relative;
	width: 320px;
	height: 20px;
	background: url(../img/boton_modelo3.png) no-repeat top;
	text-align: center;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 15px;
	}
	
div#boton_modificable a {
	position: relative;
	width: 122px;
	height: 20px;
	color: #000;
	line-height: 20px;
	vertical-align: middle;
	}
	
div#boton_modificable a:hover {
	color: #FFF;
	}
	
/*@END MODIFICABLE*/


/*@START NOTOCAR*/

div#notocar {
	position: relative;
	width: 900px;
	height:50px;
	}
	
div#botones {
	position: relative;
	width: 322px;
	height: 29px;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	background: url(../img/fondo_botones.png) top no-repeat;
	font-size: 12px;
	font-weight:bold;
	left: 300px;
	}

div.boton_modelo1 {
	position: relative;
	width: 60px;
	height: 28px;
	background: transparent;
	float: left;
	text-align: center;
	margin-left: 25px;
	}
	
div.boton_modelo2 {
	position: relative;
	width: 130px;
	height: 28px;
	background: transparent;
	float: left;
	text-align: center;
	margin-left: 25px;
	color: #FFF;
	}
	
div.boton_modelo3 {
	position: relative;
	width: 60px;
	height: 28px;
	background: transparent;
	float: right;
	text-align: center;
	right: 15px;
	color: #FFF;
	}
	
div.boton_modelo1 a {
	position: relative;
	width: 102px;
	height: 28px;
	color: #FFF;
	line-height: 28px;
	vertical-align: middle;
	}
	
div.boton_modelo2 a {
	position: relative;
	width: 122px;
	height: 28px;
	color: #FFF;
	line-height: 28px;
	vertical-align: middle;
	}
	
div.boton_modelo3 a {
	position: relative;
	width: 122px;
	height: 28px;
	color: #FFF;
	line-height: 28px;
	vertical-align: middle;
	}
	
div.boton_modelo1 a:hover {
	color: #f57000;
	}
	
div.boton_modelo2 a:hover {
	color: #f57000;
	}
	
div.boton_modelo3 a:hover {
	color: #f57000;
	}
	
	div#logo_index {
		position: relative;
		width: 900px;
		height: 60px;
		margin-top: 0px;
		margin-bottom: 20px;
		}
		
	div#logo_index img {
		position: relative;
		width: 141px;
		height: 60px;
		margin-left: 430px;
		}

#contacto_index {
	position: relative;
	width: 990px;
	margin-top: 0px;
	text-align:center;}
	
#contacto_index img {
	position: absolute;
	margin-top: 0px;
	text-align:center;
	left: 430px;
	top: 0;}

#contacto_index a {
	text-align: center;
	position: relative;
	width: 1024px;
	height: auto;
	color: #333;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight:bold;
	top: 10px;
	}
	
	.contacto1 {
		position: relative;
		margin-right: 100px;
		}
		
	.contacto2 {
		position: relative;
		margin-left: 100px;
		}

#contacto_index a:hover {
	color: #000;}

/*@END NOTOCAR*/
/*@START FOOTER*/


/*@END FOOTER*/