@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, #wrapIndex {height: 100%;}

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

#main {padding-bottom: 150px;}  /* 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: 1060px;
	height: auto;
	background: url(../img/fondo_body2.jpg) top repeat-x;
	background-color: #ebebeb;
	}

/*@END BODY*/

div#wrap {
	position: relative;
	width: 1060px;
	height: auto;
	background: url(../img/fondo_logotipo.png) top left no-repeat;
	background-color: transparent;
	z-index: 1;
	}

div#columna_navegacion {
	position: relative;
	width: 160px;
	height: auto;
	left: 40px;
	background: transparent;
	z-index: 2;
	float: left;
	}

div#logotipo  {
	position: relative;
	width: 141px;
	height: 60px;
	left: 0;
	background: transparent;
	top: 50px;
	z-index: 3;
	}

div#menuPrincipal  {
	position: relative;
	width: 141px;
	height: auto;
	left: 0;
	background: transparent;
	margin-top: 140px;
	z-index: 3;
	margin-bottom: 15px;
	}

#menuPrincipal h2  {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	}

#menuPrincipal h2.version {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	border-top:  #999 dotted 1px;
	margin-top: 5px;
	}

#menuPrincipal a  {
	color: #000;
	}
	
span.menuDesactivado {
	position: absolute;
	width: 6px;
	height: 19px;
	color: #f57000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	background: transparent;
	margin-left: -15px;
	margin-top: -5px;
	}

#menuPrincipal a:hover {
	color: #f57000;
	}


div#menuSecundario  {
	position: relative;
	width: 141px;
	height: auto;
	left: 0;
	background: transparent;
	top: 0;
	z-index: 3;
	}

#menuSecundario h2  {
	position: relative;
	height: auto;
	width: auto;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	margin-bottom: 5px;
	border-bottom: #999 dotted 1px;
	}

#menuSecundario a  {
	color: #000;
	}

#menuSecundario a:hover {
	color: #f57000;
	}
	
	
div#columna_contenidos {
	position: relative;
	width: 860px;
	height: auto;
	background: transparent;
	z-index: 2;
	float: right;
	overflow:visible;
	}
	
div#cabecera {
	position: relative;
	width: 864px;
	height: 170px;
	margin-left: 0px;
	background: transparent;
	z-index: 2;
	float: left;
	overflow: hidden;
	margin-bottom: 30px;
	}
	
div#columnaIzq {
	position: relative;
	width: 395px;
	height: auto;
	margin-left: 0px;
	background: transparent;
	z-index: 3;
	float: left;
	margin-right: 10px;
	top: 25px;
	}	

div#columnaDer {
	position: relative;
	width: 420px;
	height: auto;
	margin-left: 0px;
	background: transparent;
	z-index: 3;
	float: left;
	margin-right: 20px;
	overflow:visible;
	top: 25px;
	}
	
div#columna700g {
	position: relative;
	width: 290px;
	height: auto;
	margin-left: 0px;
	background: transparent;
	z-index: 3;
	float: left;
	margin-right: 10px;
	}
	
div#cuerpo_700gcompleto {
	position: relative;
	width: 800px;
	height: auto;
	margin-left: 0px;
	background: transparent;
	z-index: 3;
	margin-right: 10px;
	left: 20px;
	margin-bottom: 50px;
	}
	
div#cuerpo_700gcompleto p {
	position: relative;
	display: block;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 14px;
	text-align: left;
	margin-top: 0px;
	}
	
div#cuerpo_700gcompleto p.ingles_index {
	color:#666;
	font-size: 12px;
	}
	
div#cuerpo_700gcompleto object {
	position: relative;
	width: 400px;
	height: 225px;
	margin-bottom: 20px;
	}
	
div#bloqueSecundario div#columna700g {
	position: relative;
	width: 290px;
	height: auto;
	margin-left: 0px;
	background: transparent;
	z-index: 3;
	float: left;
	margin-right: 10px;
	}
		
div#columna700g #bloqueInformacion li {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style: none;
	overflow: visible;
	margin-left: 20px;
	width: 250px;
	}

div#columna700g #bloqueInformacion li a {
	color: #333;
	}

div#columna700g #bloqueInformacion li a:hover {
	color: #f57000;
	}
	
div#columna700g img {
	position: relative;
	width: 270px;
	height: 177px;
	margin-left: 20px;
	background: transparent;
	z-index: 3;
	margin-right: 10px;
	margin-bottom:7px;
	border: #666 1px solid;
	}	
	
div#columna700g #bloqueInformacion_secundario img {
	position: relative;
	width: 180px;
	height: 118px;
	margin-left: 20px;
	background: transparent;
	z-index: 3;
	margin-right: 10px;
	margin-bottom:7px;
	border: #666 1px solid;
	}	

div#bloqueSecundario {
	position: relative;
	width: 900px;
	height: auto;
	margin-left: 0px;
	background: transparent;
	z-index: 3;
	overflow:visible;
	padding-bottom: 10px;
	float: left;
	margin-top: 50px;
	}		
	
div#bloqueInformacion_secundario {
	position: relative;
	width: 290px;
	height: auto;
	margin-left: 0px;
	background: transparent;
	z-index: 3;
	float: left;
	overflow:visible;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}	
	
div#bloqueInformacion_secundario p {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 20px;
	}
	
	br {
		line-height: 8px;
		}

span.contacto {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	font-weight: bold;
	}	

div#bloqueInformacion_secundario li {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style: none;
	overflow: visible;
	margin-left: 20px;
	width: 260px;
	}
	
div#bloqueInformacion {
	position: relative;
	width: 395px;
	height: auto;
	margin-left: 0px;
	background: transparent;
	z-index: 3;
	float: left;
	overflow:visible;
	padding-bottom: 10px;
	}	

div#bloqueInformacion p {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: -7px;
	padding-top: 0px;
	}	

div#bloqueInformacion li {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style: outside disc;
	overflow: visible;
	margin-left: 20px;
	width: 350px;
	}
	
div#cartel a {
	position: relative;
	cursor: pointer;
	color: #333;
	}
	
div#cartel a:hover {
	position: relative;
	cursor: pointer;
	color: #f57000;
	}
	
div#bloqueInformacion div#cartel img {
	position: relative;
	width: 200px;
	height: auto;
	border: #333 solid 1px;
	margin-bottom: 10px;
	margin-left: 20px;
	float: left;
	}
	
	span.pieCartel {
		position: relative;
		width: 100px;
		height: auto;
		display: block;
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: normal;
		right: 65px;
		line-height: 9px;
		}
	span.iconoDescargas {
		position: relative;
		width: 13px;
		height: 18px;
		float: left;
		left: 8px;
		padding-top:24px;
		}
			
div.video {
	position: relative;
	width: 392px;
	height: 245px;
	margin-bottom: 10px;
	margin-left: 20px;
	border: #333 solid 1px;
	}
	
	
div#bloqueInformacion div#galeria {
	position: relative;
	width: 405px;
	margin-left: 20px;
	}
	
div#bloqueInformacion div#galeria img {
	position: relative;
	width: auto;
	height: auto;
	border: #333 solid 1px;
	margin-bottom: 4px;
	margin-right: 4px;
	float: left;
	display: inline;
	}
	
div#bloqueInformacion div#galeria a img {
	position: relative;
	width: 75px;
	height: 75px;
	}

	h1 {
		position: relative;
		width: 800px;
		height: auto;
		color: #f57000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 49px;
		font-weight: normal;
		text-transform: uppercase;
		left: 20px;
		display: block;
		}

	h3 {
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	margin-left: 20px;
	margin-bottom: 5px;
		}
		
span.botonVisitalaweb {
	position: relative;
	width: 131px;
	height: 30px;
	padding-left: 20px;
	margin-bottom: 5px;
	background: url(../img/botonVisitalaweb.png) top left no-repeat;
	margin-left: 20px;
		}
		
a span.botonVisitalaweb {
	position: relative;
	width: 131px;
	height: 30px;
	line-height: 21px;
	color: #333;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 40px;
	}
	
a:hover span.botonVisitalaweb {
	color: #fff;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 40px;
	}
	

/*@START INDEX*/
/*@START MODIFICABLE*/
div#modificable {
	position: relative;
	width: 900px;
	height: auto;
	}
	
div#contenido_modificable {
	position: relative;
	width: 400px;
	height: 265px;
	left: 255px;
	top: 110px;
	border: #666 solid 1px;
	float: left;
	text-align: center;
	}
	
div#contenido_modificable p {
	position: relative;
	display: block;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 20px;
	text-align: center;
	margin-top: 0px;
	}
	
	#contenido_modificable p.ingles_index {
		color:#666;
		font-size: 14px;
		}
	
div#boton_modificable {
	position: relative;
	width: 122px;
	height: 20px;
	background: url(../img/boton_modelo3.png) no-repeat top;
	text-align: center;
	margin-left: 140px;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-top: 10px;
	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: 140px;
	}
	
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: 40px;
		}
		
	div#logo_index img {
		position: relative;
		width: 141px;
		height: 60px;
		margin-left: 400px;
		}

/*@END NOTOCAR*/

/*@END INDEX*/