/*
Proyecto: Gt Automotriz
Descripcion: página para la agencia
Autor: Arkev
Version: 1 
.
Comentarios en general/ espacio para dejar comentarios a otro programadores
.


[Tabla de contenidos] 

	0- Reset
	1- Global
	2- Links
	3- Encabezados y parrafos
	4- Header 
	5- Layout
	6- Contenido 
	7- Formularios
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
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, b, u, i, center, 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;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
html>body { font-size: 11px;} 

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
	font: normal 0.7em/1.2em Arial,Verdana,sans-serif; 
	text-transform: none;
	letter-spacing: normal;
	line-height: 1em;
	word-spacing:normal;
	background:#5f0014 url(../images/bkg.jpg) repeat-x scroll 0 0;
	color: #000;
}

html,body {
	height:100%; /* needed for container min-height */
}
.right {float: right;}
.left {float: left;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align:center;}
.justify {text-align:justify;}
.hide {display: none;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
.highlight {background:#ffc;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: block;
}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet {color:#666;}
.loud {color:#000;}
.red {color:red;}
.tinto {color:#480A09;}
.amarillo {color:#FFA300;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.t11 {font-size: 1.1em;}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
:-moz-any-link {cursor:pointer;}
a {color:#009;text-decoration:underline;}
a:link, a:visited {color: #333;}
a:focus, a:hover {color: #111;}
a:active {color: #111;}

/* =3 Ecabezados y parrafos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
p { margin:0 1.2em;_margin:0 0.6em; font-size: 1em; line-height: 1.2em;}
h1 { margin: 0.6em 0; font-size: 1.8em; line-height: 0.6em; font-weight:bold;}
h2 { margin: 0.7em 0; font-size: 1.6em; line-height: 100%; font-weight:bold; font-family: "Arial Black";}
h3 { margin: 0.8em 0; font-size: 1.4em; line-height: 0.8em; font-weight:bold;}
h4 { margin: 0.9em 0; font-size: 1.2em; line-height: 0.9em; font-weight:bold;}
h5 { margin: 1.1em 0; font-size: 1.09em; line-height: 1.1em; font-weight:bold;}
h6 { margin: 1.2em 0; font-size: 1em; line-height: 1.2em; font-weight:bold;}

div#container {
	position:relative; /* needed for footer positioning*/
	_position: inherit;
	margin:0 auto; /* center, not in IE5 */
	width:857px;
	background:transparent url(../images/bkg-container.png) repeat-y scroll center top;
	padding:0 30px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	height:132px;
	margin:0 auto;
	width:100%;
}
.flash {
	height:132px;
	width:507px;
	float: left;
	background:url(../images/GT_04.jpg)repeat-x scroll 0 0;
}

.menu {
	float:left;
	width:349px;
	height:27px;
	background:#270006;
}
.menu li {float:left;}
.menu a {background:url(../images/GT_menu.jpg) no-repeat scroll 0 0;display:block; text-indent:-9000%;height:27px;}

.menu_inicio a { width:116px; background-position:left top; }
.menu_autos a { width:116px; background-position:-116px top;}
.menu_contacto a { width:117px;  background-position:right top;}

.menu_inicio a:hover {background-position:left -27px;}
.menu_autos a:hover {background-position:-116px -27px;}
.menu_contacto a:hover {background-position:right -27px;}

.menu_inicio a.active  {background-position:left bottom;}
.menu_autos a.active {background-position:-116px bottom;}
.menu_contacto a.active {background-position:right bottom;}

div#content {
	margin:0 auto;
	width:100%;
	min-height:462px;
}
#index-left {
	float:left;
	width:610px;
	height:402px;
	background:url(../images/GT_07.jpg) no-repeat scroll 0 0;
}
#index-right1 {
	float:left;
	width:246px;
	_width:220px;
	height:155px;
	background:url(../images/GT_08.jpg) no-repeat scroll 0 0;
}
#index-right2 {
	float:left;
	width:246px;
	height:247px;
	background:url(../images/GT_09.jpg) no-repeat scroll 0 0;
}
#contacto-left {
	float:left;
	width:380px;
	height:402px;
	background:url(../images/contacto-GT_03.jpg) no-repeat scroll 0 0;
}
#contacto-right1 {
	float:left;
	width:352px;
	_width:350px;
	height:172px;
	background:url(../images/contacto-GT_05.jpg) no-repeat scroll 0 0;
}
#contacto-right2 {
	float:left;
	width:352px;
	height:230px;
	background:url(../images/contacto-GT_07.jpg) no-repeat scroll 0 0;
}
.menu-pop {
	float:left;
	width:124px;
	height:402px;
	background:#2b0009;
}
.menu-pop li {float:left;width:124px;}
.menu-pop a {background:url(../images/menu-pop-ups.jpg) no-repeat scroll 0 0;display:block; text-indent:-9000%;height:27px;}

.menu-pop_video a { height:130px; background-position:left top; }
.menu-pop_foto a { height:119px; background-position:left -130px;}
.menu-pop_180 a { height:153px;  background-position:left bottom;}

.menu-pop_video a:hover {background-position:right top;}
.menu-pop_foto a:hover {background-position:right -130px;}
.menu-pop_180 a:hover {background-position:right bottom;}

	div#content p {
		text-align:justify;
		padding:0 1em;
	}


/* =5 Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.column, div.span-01, div.span-02, div.span-03, div.span-04, div.span-05, div.span-06, div.span-07, div.span-08, div.span-09, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;_margin-right:5px;}
.last, div.last {margin-right:0;}
.span-01 {width:30px;}
.span-02 {width:70px;}
.span-03 {width:110px;}
.span-04 {width:150px;}
.span-05 {width:190px;}
.span-06 {width:225px;}
.span-07 {width:270px;}
.span-08 {width:310px;}
.span-09 {width:349px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.tab-01 {margin-left:10px;}
.tab-02 {margin-left:20px;}
.tab-03 {margin-left:30px;}
.tab-04 {margin-left:40px;}
.tab-05 {margin-left:50px;}
.tab-06 {margin-left:60px;}
.tab-07 {margin-left:70px;}
.tab-08 {margin-left:80px;}
.tab-09 {margin-left:99px;_margin-left:45px;}
.tab-right-01 {margin-right:10px;_margin-right:5px;}
.tab-right-02 {margin-right:20px;_margin-right:5px;}
.push-01 {margin-top:10px;}
.push-02 {margin-top:20px;;}
.push-03 {margin-top:30px;}
.push-04 {margin-top:40px;}
.push-05 {margin-top:50px;}
.push-06 {margin-top:60px;}
.push-07 {margin-top:70px;}
.push-08 {margin-top:80px;}
.push-09 {margin-top:90px;}
.espacio-01 {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:0.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

div#footer {
	position:absolute;
	_position: inherit;
	width:856px;
	bottom:0; /* stick to bottom */
	background:transparent url(../images/bkg-footer.jpg) no-repeat scroll center bottom;
	height:60px;
	margin:0 auto;
	_text-align: center
}
	div#footer p {
		padding:1em;
		margin:0;
	}
#foot {
	height:40px;
	margin:12px auto 0;
	position:relative;
	width:90%;
}
#designby { 
	float:left;
	height:100%;
	width:150px;
}
#copy {
	float:left;
	position:relative;
	text-align:center;
	width:60%;
}
#poweredby { 
	float:right;
	height:100%;
	width:150px;
}
.mapa { 
	margin:22px 0 0 19px;
	_margin:22px 0 0 10px;
}