@import "ie.css";

/* ----- BÁSICOS -------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans", Arial, Helvetica, Tahoma;
	color: #707070;
	background-color: #a6b2c9;
	font-size: 100%;
}
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	display: block;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.1em;
	margin-top: 25px;
}
img {
	vertical-align: text-bottom;
	border: none;
}
input, textarea {
	font-family: "Lucida Sans", Arial, Helvetica, Tahoma;
	color: #000;
	vertical-align: middle;
	outline: none;
	font-size: 1em;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	width: auto !important;
	margin: 0px;
}
a {
	color: #0085cf;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #000;
}

/* ----- GENERALES -------------------------------------------------- */
.bgcolor02 {
	background-color: #eeeeee;
}
.margint01 {
	 margin-top: 30px !important;
}
.margint02 {
	 margin-top: 80px !important;
}
.margin01 {
	margin: 50px auto !important;
}
.margin02 {
	margin: 0 50px;
}
.marginleft01 {
	margin-left: 15px;
}
.grid_3 {
	width: 25%;
}
.column {
	position: relative;
	margin: 0;
	overflow: hidden;
	float: left;
}
.row {
	position: relative;
	clear: both;
	overflow: hidden;
}
.center {
	text-align: center;
}
.fontsize01 {
	font-size: 1.2em;
	vertical-align: middle;
}

/* ----- CAPAS PRINCIPALES ------------------------------------------ */
#container, #cabecera, #cuerpo, #pie {
	position: relative;
	width:100%;
	background-color: #f7f7f7;
}
#cabecera {
	font-size: 0.7em;
	position: relative;
	clear: both;
	background: url(imagenes/bg_cabecera01.jpg) repeat-x top left;
	overflow: hidden;
	height: 90px;
}
#cuerpo {
	font-size: 0.8em;
	clear: both;
	background: url(imagenes/bg_cabecera01.jpg) repeat-x top left;
	overflow: hidden;
}
#pie {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 0.7em;
	position: relative;
	display: block;
	clear: both;
	margin: 50px 0 0 0;
	overflow: hidden;
	background: #a6b2c9 url(imagenes/deg04.png) repeat-x top left;
	color: #fff;
	border-top: 1px solid #6e7880;
	line-height: 150%;
}

/* ----- CAPAS DE LA "CABECERA" ------------------------------------ */
#cont_cab {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#cabecera01 {
	position: absolute;
	margin: 30px auto;
}
#cabecera02 {
	position: absolute;
	top: 38px;
	left: 3%;
	display: none;	
}
#cabecera03 {
	position: absolute;
	top: 38px;
	right: 3%;
}
#menu {
	position: absolute;
	top: 60px;
	display: block;
	clear: both;
	width:100%;
	height: 30px;
	background: url(imagenes/bg_cabecera02.jpg) repeat-x top left;
}
#menu01 {
	position: relative;
	width: 1000px;
	margin: 6px auto;
}

/* ----- CAPAS DEL "PIE" ----------------------------- */

#cont-pie {
	width: 1000px;
	margin: 10px auto;
}
#pie01, #pie02 {
	margin: 10px 0;
	font-size: 85%;
}
#pie01 {
	float: left;
}
#pie02 {
	float: right;
}

/* ----- PARTICULARES DE LA "CABECERA" ----------------------------- */
#cabecera03 img {
	margin-left: 5px;
}
#cabecera02 ul, #menu ul {
	margin: 0px;
	padding: 0px;
}
#cabecera02 li, #menu li {
	float: left;
	list-style-type: none;
	margin: 0px 10px;
}
#cabecera02 a {
	color: #707070;
	float: left;
	padding: 0px 0px 0px 10px;
	height: 17px;
	*cursor: pointer; /*para IE 7.0 y anteriores*/
}
#cabecera02 a.remarcado01, #cabecera02 a:hover {
	color: #fff;
	background: url(imagenes/barra02a.png) no-repeat left 0px;
}
#cabecera02 a.remarcado01:hover {
	color: #fff;
}
#cabecera02 span {
	float: left;
	display: block;
	padding: 1px 10px 0px 0px;
	height: 17px;
}
#cabecera02 a.remarcado01 span, #cabecera02 a:hover span {
	background: url(imagenes/barra02b.png) no-repeat right 0px;
}
#menu a {
	color: #fff;
	*cursor: pointer; /*para IE 7.0 y anteriores*/
	float: left;
	padding: 0px 0px 0px 10px;
	height: 17px;
}
#menu a.remarcado01, #menu a:hover {
	background: url(imagenes/barra01a.png) no-repeat 0px top;
	color: #8996a0;
}
#menu a.remarcado01:hover {
	color: #0085cf;
}
#menu span {
	float: left;
	display: block;
	padding: 1px 10px 0px 0px;
	height: 17px;
	margin: 0px 0 0 3px;
}
#menu a.remarcado01 span, #menu a:hover span {
	background: url(imagenes/barra01b.png) no-repeat right top;
}
#menu img {
	position: relative;
	float: left;
}
#menu .menuimg01 {
	position: relative;
	top:-6px
}
#menu a.boton02 {
	background: url(imagenes/b_comprar02.png) no-repeat top left;
	width: 107px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
}
#menu a:hover.boton02 {
	background: url(imagenes/b_comprar02.png) no-repeat bottom left;	
}
#menu a.boton02 span {
	display: block;
	padding-top: 7px !important;
	padding-left: 28px;
	color: #fff;
	text-shadow: 0 -1px #4285ab;
}
#menu a.boton02:hover span {
	text-shadow: 0 -1px #004e91;
	background: transparent;
}

/* ----- PARTICULARES DEL "CUERPO" ----------------------------- */

.seccion01, .seccion02 {
	position: relative;
	clear: both;
	width: 1000px;
	margin: 25px auto;
	overflow: hidden;
}
.seccion01 {
	margin: 25px auto 0 auto;
}
.seccion02 {
	margin: 15px auto 25px auto;	
}
.seccion02 .content {
	height: 250px;
}
.col01_2_5 {
	float: left;
	width: 390px;
	margin-right: 10px;
}
.col02_3_5 {
	float: left;
	width: 590px;
	margin-left: 10px;
}
.col50 {
	position: relative;
	width: 50%;
	float: left;
}
#cuerpo h1 {
	text-shadow: 0 1px #fff;
}
#bloques01 {
	
}
.cuadro03 {
	background-color: #fff;
}
.cuadro03 .tlc {
	background: url(imagenes/bg03_tlc.jpg) no-repeat 0% 0%;
}
.cuadro03 .trc {
	background: url(imagenes/bg03_trc.jpg) no-repeat 100% 0%;
}
.cuadro03 .blc {
	background: url(imagenes/bg03_blc.jpg) no-repeat 0% 100%;
}
.cuadro03 .brc {
	background: url(imagenes/bg03_brc.jpg) no-repeat 100% 100%;
}
.cuadro03 .tb {
	background: url(imagenes/bg03_tb.jpg) repeat-x 0% 0%;
}
.cuadro03 .bb {
	background: url(imagenes/bg03_bb.jpg) repeat-x 50% 100%;
}
.cuadro03 .rb {
	background: url(imagenes/bg03_rb.jpg) repeat-y 100% 0%;
}
.cuadro03 .lb {
	background: url(imagenes/bg03_lb.jpg) repeat-y 0% 100%;
}
.cuadro03 .content {
	padding: 10px 20px;
	overflow: hidden;
}
.bloque01a, .bloque01b {
	float: left;
	width: 165px;
	text-align: center;
	margin-top: 5px;
}
.bloque01a {
	margin-right: 10px;
}
.bloque01b {
  margin-left: 10px;
}
.bloque01a h3, .bloque01b h3 {
	font-size: 1.3em;
	margin-top: 0px;
}
.bloque01a p, .bloque01b p {
	margin: 5px 0;
}
.bloque01a a p, .bloque01b a p {
	color: #707070;
}
.bloque01a img, .bloque01b img {
	margin: 10px 0;
}
.content table {
	width: 100%;
	padding: 3px;
}
.content th {
	text-align: left;
	background: #a0a0a0 url(imagenes/deg01.png) repeat-x top left;
	color: #fff;
}
.content th, .content td {
	padding: 5px;
}
#contacto input, #contacto textarea {
	width: 350px;
}
#contacto label {
	display: block;
	margin-top: 10px;
}
a.boton01 {
	background: url(imagenes/boton02.png) no-repeat top left;
	width: 110px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
}
a:hover.boton01 {
	background: url(imagenes/boton02.png) no-repeat bottom left;	
}
a.boton01 span {
	display: block;
	padding-top: 8px !important;
	padding-right: 20px;
	color: #fff;
	text-shadow: 0 -1px #4285ab;
}
a.boton01:hover span {
	text-shadow: 0 -1px #004e91;	
}
.seccion02 img {
	vertical-align: middle;
	margin: 0 5px;
}
.bloque03 {
	position: relative;
	float: left;
	clear: both;
	margin-top: 15px;
	width: 100%;
}
#twitter_update_list {
	margin-top: 10px;
}
#twitter_update_list li {
	list-style: none;
	margin-top: 5px;
}
h2 a {
	color: #707070;
}

/* ----- PARTICULARES DEL PIE ----------------------------- */

#pie a {
	color: #fff;
}
#pie a:hover {
	color: #000;
}
#pie ul {
	padding: 0;
	margin: 0;
}
#pie li {
	list-style-type: none;
}
.borderb01 {
	border-bottom: 1px solid #bcc5d7;
	padding-bottom: 15px;
}
#pie img {
	margin: 0;
}