/*
Proyecto:Gimsa
Descripcion:tipo GPI
Autor: Kevin
Version: 1 
.
Comentarios en general/ es similar a GPI solo que el detalle no debe de abrien en ventana nueva.
.


[Tabla de contenidos] 

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

*/

/* =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;
	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: 1.3em;
	word-spacing:normal;
	vertical-align: top;
	background: #fff url(images/bkg.jpg) repeat-x fixed center top;
	color: #fff;
	text-align:left;
}
.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:.7em;margin-bottom:0.875em;line-height:1.1em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.negro {color:#001023;}
.blanco {color:#fff;}
.t15 { font-size:1.5em;}
.t14 { font-size:1.4em;}
.t12 { font-size:1.1em;}
.bkg-foot {background:#02172c;}
.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;}

/* =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: 1.2em  0; 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: 0.7em; font-weight:bold;}
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;}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header {
	background:transparent url(images/header.jpg) no-repeat scroll center top;
	height:98px;
	margin:auto;
	position:fixed;
	width:950px;
	z-index:1;
}
#menu {
	float:right;
	height:50px;
	margin:50px 16px 0 0;
	width:300px;
}
#autos {
	background:transparent url(images/header.jpg) no-repeat scroll -634px -50px;
	float:left;
	height:48px;
	width:97px;
}
#autos a{
	height:48px;
	width:97px;
	display:block;
	cursor:pointer;
}
#autos a:hover{background:transparent url(images/header.jpg) no-repeat scroll -634px -148px;}

#ubicacion {
	background:transparent url(images/header.jpg) no-repeat scroll -731px -50px;
	float:left;
	height:48px;
	width:97px;
}
#ubicacion a{
	height:48px;
	width:97px;
	display:block;
	cursor:pointer;
}
#ubicacion a:hover{background:transparent url(images/header.jpg) no-repeat scroll -731px -148px;}

#contacto {
	background:transparent url(images/header.jpg) no-repeat scroll -828px -50px;
	float:left;
	height:48px;
	width:100px;
}
#contacto a{
	height:48px;
	width:100px;
	display:block;
	cursor:pointer;
}
#contacto a:hover{background:transparent url(images/header.jpg) no-repeat scroll -828px -148px;}

/* =5 Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#container {width:950px;margin:0 auto;}
.column, div.span-1, div.span-2, div.span-3, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, 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;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px; margin:0;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:400px;}
.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;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
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-1 {margin-left:25px;}
.tab-2 {margin-left:50px;}
.tab-3 {margin-left:40px;}
.tab-4 {margin-left:10px;}
.tab-5 {margin-left:280px;}
.espacio-1 {line-height:1.8em;}
.espacio-2 {margin-bottom:3px;}
.espacio-2_ {margin-bottom:1px;*margin-bottom:10px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9 {float:left;position:relative;}
.push-1 {margin:3px 0 0 0;}
.push-2 {margin-top:30px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.tall-1 {height:30px;}
.tall-2 {height:70px;}
.tall-3 {height:98px;}
.tall-4 {height:150px;}
.tall-5 {height:250px;}
.tall-6 {height:300px;}
.tall-7 {height:405px;}
.tall-8 {height:800px;}
.tall-9 {height:1530px;}
.tall-10 {height:1600px;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {
	background:transparent url(images/hr.png) no-repeat scroll center top;
	border:medium none;
	clear:both;
	color:#FFF;
	float:none;
	height:37px;
	margin:0;
	width:100%;
}
#hr {
	background:transparent url(images/hr.png) no-repeat scroll center top;
	border:medium none;
	clear:both;
	color:#FFF;
	float:none;
	height:37px;
	margin:0;
	width:100%;
}
hr.space {background:#fff;color:#fff;}
/* =6 Contenido
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#bienvenido {
	background:transparent url(images/bienvenido.jpg) no-repeat scroll center top;
	height:113px;
	margin:auto;
	position:fixed;
	width:950px;
	top:98px;
	z-index:1;
}
#bienvenido-swf {
	height:113px;
	margin:auto;
	position:fixed;
	width:950px;
	top:98px;
	z-index:1;
}
#cuerpo {
	background:transparent url(images/bkg-body.png) repeat-y scroll center top;
	float:left;
	margin-top:211px;
	width:100%;
}
#cuerpo2 {
	background:transparent url(images/bkg-body.png) repeat-y scroll center top;
	float:left;
	margin-top:98px;
	width:100%;
}
#cuerpo-top {
	background:transparent url(images/body_top-01.jpg) no-repeat center top; 
	float:left;
	width:100%;
	height:30px;
}
#cuerpo-top {
	background:transparent url(images/body_top-01.jpg) no-repeat center top; 
	float:left;
	width:100%;
	height:30px;
}#cuerpo-top2 {
	background:transparent url(images/body_top-02.jpg) no-repeat center top; 
	float:left;
	width:100%;
	height:30px;
}

/* =7 Formularios
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
input.span-1, textarea.span-1, select.span-1 {width:30px!important;}
input.span-2, textarea.span-2, select.span-2 {width:50px!important;}
input.span-3, textarea.span-3, select.span-3 {width:90px!important;}
input.span-4, textarea.span-4 {width:97px!important; margin-bottom:3px; height:15px; font-size:1em;}
select.span-4 {width:103px!important; margin-bottom:3px;font-size:1em;}
input.span-5, textarea.span-5 {width:125px!important;margin-bottom:3px; height:15px; font-size:1em;}
select.span-5 {width:131px!important; margin-bottom:3px;font-size:1em;}
input.span-6, textarea.span-6, select.span-6 {width:264px!important; font-size:1em;}
input.span-7, textarea.span-7, select.span-7 {width:250px!important;}
input.span-8, textarea.span-8, select.span-8 {width:290px!important;}
input.span-9, textarea.span-9, select.span-9 {width:330px!important;}
input.text, input.title, textarea, select {margin:0.5em 0;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
input, textarea, select {
	margin:0;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1.2em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
#siguiente{
	background:#FFF url(images/btn_03.jpg) no-repeat scroll 0 0;
	border:0 none;
	color:#FFF;
	float:none;
	font-size:1.1em;
	height:50px;
	width:90px;
}
/* =8 ubicacion
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#ubica {
	position:relative;
	float:left;
	width:950px;
	height:462px;
}

#ubica-01_ {
	position:absolute;
	background: url(images/ubica_01.jpg) no-repeat scroll 0 0;
	left:0px;
	top:0px;
	width:950px;
	height:47px;
}

#ubica-02_ {
	background: url(images/ubica_02.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:0px;
	top:47px;
	width:53px;
	height:415px;
}

#ubica-03_ {
	background: url(images/ubica_03.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:53px;
	top:47px;
	width:364px;
	height:302px;
}

#ubica-04_ {
	background: url(images/ubica_04.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:417px;
	top:47px;
	width:12px;
	height:415px;
}

#ubica-05_ {
	background: url(images/ubica_05.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:429px;
	top:47px;
	width:521px;
	height:302px;
}

#ubica-06_ {
	background: url(images/ubica_06.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:53px;
	top:349px;
	width:364px;
	height:21px;
}

#ubica-07_ {
	background: url(images/ubica_07.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:429px;
	top:349px;
	width:38px;
	height:113px;
}

#menu-ubica {
	position:absolute;
	left:467px;
	top:349px;
	width:318px;
	height:113px;
}
#ubica-08_ {
	background: url(images/ubica_08.jpg) no-repeat scroll 0 0;
	float:left;
	width:100px;
	height:113px;
}
#ubica-08_ a{
	width:100px;
	height:113px;
	display:block;
	cursor:pointer;
}
#ubica-08_ a:hover{background: url(images/ubica_08_over.jpg) no-repeat scroll 0 0;}

#video {
	background: url(images/ubica_08.jpg) no-repeat scroll -4px -8px;
	float:left;
	width:87px;
	height:76px;
	margin:8px;
}

#ubica-09_ {
	background: url(images/ubica_09.jpg) no-repeat scroll 0 0;
	float:left;
	width:109px;
	height:113px;
}
#ubica-09_ a{
	width:109px;
	height:113px;
	display:block;
	cursor:pointer;
}
#ubica-09_ a:hover{background: url(images/ubica_09_over.jpg) no-repeat scroll 0 0;}

#ubica-10_ {
	background: url(images/ubica_10.jpg) no-repeat scroll 0 0;
	float:left;
	width:109px;
	height:113px;
}
#ubica-10_ a{
	width:109px;
	height:113px;
	display:block;
	cursor:pointer;
}
#ubica-10_ a:hover{background: url(images/ubica_10_over.jpg) no-repeat scroll 0 0;}

#v180 {
	background: url(images/ubica_10.jpg) no-repeat scroll -13px -8px;
	float:left;
	width:87px;
	height:76px;
	margin:8px;
}

#ubica-11_ {
	background: url(images/ubica_11.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:785px;
	top:349px;
	width:165px;
	height:113px;
}

#ubica-12_ {
	background: url(images/ubica_12.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:53px;
	top:370px;
	width:364px;
	height:53px;
}

#ubica-13_ {
	background: url(images/ubica_13.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:53px;
	top:423px;
	width:364px;
	height:39px;
}


/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#footer { 
	clear:both;
	float:none;
	height:95px;
	position:relative;
	top:578px;
	width:100%;
}
#footer2 {
	clear:both;
	float:none;
	height:95px;
	position:relative;
	top:98px;
	width:100%;
}
#footer3 {
	clear:both;
	float:none;
	height:95px;
	width:100%;
}
#foot { 
	clear:both;
	float:none;
	height:58px;
	position:relative;
	width:100%;
}
#foot-left { 
	background:transparent url(images/footer_left.png) no-repeat scroll 0 0;
	float:left;
	height:58px;
	width:27px;
}
#foot-center { 
	background:transparent url(images/footer_body.png) repeat-x scroll 0 0;
	float:left;
	height:58px;
	width:890px;
}
#foot-right { 
	background:transparent url(images/footer_right.png) no-repeat scroll 0 0;
	float:right;
	height:58px;
	width:33px;
}
#designby { 
	float:left;
	height:58px;
	width:150px;
}
#copy { 
	float:left;
	position:relative;
	width:590px;
	text-align:center;
	height:58px;
}
#poweredby { 
	float:right;
	height:58px;
	width:150px;
}

/* =10 contacto
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#conta {
	float:left;
	height:525px;
	position:relative;
	width:950px;
}

#contacto01_ {
	background: url(images/contacto_01.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:0px;
	top:0px;
	width:488px;
	height:526px;
}

#contacto02_ {
	background: url(images/contacto_02.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:486px;
	top:0px;
	width:462px;
	height:76px;
}

#contacto03_ {
	background:transparent url(images/contacto_03.jpg) no-repeat scroll 0 0;
	height:453px;
	left:486px;
	position:absolute;
	top:72px;
	width:462px;
}