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

			/* Para resetear los estilos de los navegadores */
* { 
	margin:0;
	padding:0;
}
table {
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
			/* Etiquetas de HTML */
body {
	font: 14px/140% "Trebuchet MS", Arial, sans-serif;
	color: #252525;
	width: 970px;
	margin: auto;
	background-color: #FFFFFF;
}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
	text-decoration: none;
}
a:hover {
	color: #bd2374;
	text-decoration: none;
}
p {
	margin-top: 10px;
}
blockquote {
	color: #FFF;
	padding: 15px 15px 15px 50px;
	width: 90%;
	margin: 20px auto;
	background-color: green;
	background-image: url(../images/comillas.gif);
	background-repeat: no-repeat;
	background-position: 15px 15px;
}
ul li {
	list-style: none;
}
ol li {
	list-style: decimal;
	margin-left: 15px;
	margin-top: 10px;
}
h1, h2, h3, h4, h5, h6, .contentheading, .message {
	line-height: normal;
	margin-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-size: 28px;
		margin-top: 0px;
}
h2, .contentheading, .message, .componentheading {
	font-size: 24px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
	border-bottom: 1px dotted #036;
	margin-top: 20px;
}
input {
	border: 1px solid #0033;
}
input[type="text"]:focus, input[type="password"]:focus {
	border: 2px solid #9C3;
}
h2 {
	display: none;
}
dt {
	font-weight: bold;
	color: #990000;
	margin-top: 15px;
}
dd {
}
			/* MAQUETACION */

#fondoprincipal {
	vertical-align: middle;
	margin-top: -282px;
	margin-left: -485px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../images/fondo_principal.jpg);
	background-repeat: no-repeat;
	height: 564px;
	width: 970px;
}
#logo{
	position: absolute;
	top: 30px;
	left: 30px;
	height: 130px;
	width: 195px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
#botonera{
	position: relative;
	float: left;
	top: 195px;
	left: 99px;
	height: 321px;
	width: 132px;
}
#box{
	background-image: url(../images/box.jpg);
	background-repeat: no-repeat;
	height:10px;
	width:10px;
}
/*
#boxquienes{
	background-image: url(../images/box_quienes.jpg);
	background-repeat: no-repeat;
	margin-top: 60px;
	float: left;
	height: 20px;
	width: 142px;
}
#boxservicios{
	background-image: url(../images/box_servicios.jpg);
	background-repeat: no-repeat;
	margin-top: 13px;
	float: left;
	height: 20px;
	width: 142px;
}
#boxproductos{
	background-image: url(../images/box_productos.jpg);
	background-repeat: no-repeat;
	margin-top: 13px;
	float: left;
	height: 20px;
	width: 142px;
}
#boxmodelos{
	background-image: url(../images/box_modelos.jpg);
	background-repeat: no-repeat;
	margin-top: 13px;
	float: left;
	height: 20px;
	width: 142px;
}
#boxcontacto{
	background-image: url(../images/box_contacto.jpg);
	background-repeat: no-repeat;
	margin-top: 13px;
	float: left;
	height: 20px;
	width: 142px;
}
*/
#cuerpo{
	position: relative;
	float: right;
	margin-top: 143px; /*dejo margin porquie si posgo solo top se sube la barra de info y direcciones*/
	right: 35px;
	height: 373px;
	width: 694px;
}
#barravquienes {
	background-image:  url(../images/img_quienessomos.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 372px;
	width: 42px;
}
#barravservicios {
	background-image:  url(../images/img_servicios.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 372px;
	width: 42px;
}
#barravcontacto {
	background-image:  url(../images/img_contacto.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 372px;
	width: 42px;
}
#barravmodelos {
	background-image:  url(../images/img_modelos.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 372px;
	width: 42px;
}
#barravgaleria {
	background-image:  url(../images/img_galeria.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 372px;
	width: 42px;
}
#espaciocontenido{
	float: right;
	height: 373px;
	width: 650px;
}
#contenidotexto{
	height: 337px;
	width: 320px;
	float: left;
	padding:20px 20px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #252525;
	font-size: 12px;
	line-height: 15px;
}
#espaciofoto {
	position: relative;
	margin-top: 20px;
	padding-right: 20px;
	float: right;
	height: 340px;
	width: 260px;
}
#fotogrande {
	background:  url(../images/fotogrande.jpg) no-repeat;
	font-size: 20px;
	color: #fff;
	text-align: center;
	height: 319px;
	width: 580px;
	float: left;
	margin-top: 20px;
	margin-left: 35px;
}
#barranavegacion {
	float: left;
	text-align: center;
	margin-top:5px;
	height:20px;
	width: 580px;
	padding-left: 35px;	
	font-family: Arial, Helvetica, sans-serif;
	color: #292929;
	font-size: 12px;
	font-weight: bold;
}
#espaciocontacto{
	position: relative;
	float: left;
	top: 20px;
	left:10px;	
	height: 335px;
	width:350px;
	margin-top: 20px;
	font-size: 11px;
 	line-height: 10px;
}
#espacio_direccion{
	position: relative;
	float: right;
	top: 40px;
	height: 330px;
	width: 220px;
	padding: 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0099cc;
	font-weight: bold;
	line-height: 12px;
}
#espacio_link{
	position: absolute;
	top:380px;
	left: 99px;
	height: 90px;
	width: 130px;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: bold;
}
.link{
	font-size: 9px;
	letter-spacing: 0px;
}
#bottom{
	position: relative;
	float: left;
	height: 30px;
	width: 970px;
}
#txtinfo{
	padding-left: 99px;
	padding-top: 2px;
	float: left;
	height: 25px;
	width: 132px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size:12px;
}
#txtdireccion{
	float: left;
	padding-top: 2px;
	padding-left: 65px;
	height: 25px;
	width: 630px;
	font-family: Arial, Helvetica, sans-serif;
	color: #06536c;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px; 
}
#piepagina{
	width: 970px;	
	height: 14px;
	float:  left;
	font-size: 11px;
	text-align: center;
}


/* MENU PRINCIPAL */

ul.menuPrincipal {
	position: relative;
	float: left;
	top:12px; 
	height: 309px;
	width: 142px;	
}
ul.menuPrincipal li {
	display: block;
}
ul.menuPrincipal li a {
	float: left;
	height: 20px;
	width: 142px;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	display: block;	
}
ul.menuPrincipal li a:hover{
	color: #FF6699;
	text-decoration: none;
}

/************************//*botones de la galeria*/
ul.botongaleria {
	float: right;
	width: 610px;
	padding-left:35px;
}
ul.botongaleria li {
	display: inline;
}
ul.botongaleria li a {
	display: block;
	float: left;
	height: 105px;
	width: 111px;
	background-color: #f8f8f8;
	margin-top: 10px;
	margin-left: 7px;
	//margin-left: 5px;
	border-right: #505050 solid 1px;
	border-bottom: #505050 solid 1px;
}
	
	
/************************//*navegacion en galeria*/

.botnav { 
	color: Black;
	text-decoration: none;
}
a.botnav:link {
	color: Black;
	text-decoration: none;
}
a.botnav:visited {
	color: Black;
	text-decoration: none;
}
a.botnav:hover {
	color: Red;
	text-decoration: none;
}	
					
/************************//*mail*/
.mail{
	color: #FF6699;
	letter-spacing: 2px;
}
a.mail:link {
	color: #FF6699;
	text-decoration: none;
}
a.mail:visited {
	color: #FF6699;
	text-decoration: none;
}
a.mail:hover {
	color: #bd2374;
	text-decoration: none;
}


/************************//*estilos*/
.txtespecial{
	font-size: 14px;
	font-weight: bold;
	color:#00c0ff;
}
.letra{
	font-size:15px;
}
.tel{
	font-size:15px;
}
.atcliente{
	font-size: 13px;
	color: #06536c;
}

/*********************************************************/
/*Link Idea Corporativa*/
a.idea:link {
	color: #A8A8A8;
	text-decoration: none;
}
a.idea:visited {
	color: #A8A8A8;
	text-decoration: none;
}
a.idea:hover {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:link {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:visited {
	color: #F28000;
	text-decoration: none;
}
a.corporativa:hover {
	color: #A8A8A8;
	text-decoration: none;
}