@import '../includes/menu/estilomenu.css';
@import '../includes/pie/estilopie.css';
@import '../includes/menuizquierdo/estilomenuizquierdo.css';

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
{
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
.container
{
	margin: 0 auto;
	width: 950px;
}

html
{
	background: #fff url(../images/fondox.jpg) left top repeat-x;
}
html .html0
{
	background: #fff url(../images/fondox0.jpg) left top repeat-x !important;
}
body
{
	background: url(../images/fondo.jpg) center top no-repeat;
	font:11px/170% tahoma;
	color:#333;
}
body .body0
{
	background: url(../images/fondo0.jpg) center top no-repeat !important;
}
#cabecera
{
	height: 238px;
	position: relative;
}
.cabecera0
{
	background: url(../images/cabecera0.jpg) left top no-repeat;
	height: 121px !important;
}

.cabecera1{background:url(../images/cabecera1.jpg) left top no-repeat}.cabecera2{background:url(../images/cabecera2.jpg) left top no-repeat}.cabecera3{background:url(../images/cabecera3.jpg) left top no-repeat}.cabecera4{background:url(../images/cabecera4.jpg) left top no-repeat}.cabecera5{background:url(../images/cabecera5.jpg) left top no-repeat}.cabecera6{background:url(../images/cabecera6.jpg) left top no-repeat}.cabecera7{background:url(../images/cabecera7.jpg) left top no-repeat}

#logotipo
{
	border: none;
	left: 0;
	position: absolute;
	right: 0;
}
a:hover #logotipo
{
	filter: alpha( opacity = 70);
	khtml-opacity: 0.7;
	moz-opacity: 0.7;
	opacity: 0.7;
}
#menu
{
	background:url(../images/menu.jpg) no-repeat;
	list-style: none;
	position: absolute;
	right: 20px;
	top: 75px;
	height:37px;
	width:490px;
	padding-top:8px;
	padding-left:7px;
}
#medio
{
	height: 350px;
	height: auto !important;
	min-height: 350px;
}

.medio0{background:#fff url(../images/medio0.jpg) left top no-repeat}.medio1{background:#fff url(../images/medio1.jpg) left top no-repeat}.medio2{background:#fff url(../images/medio2.jpg) left top no-repeat}.medio3{background:#fff url(../images/medio3.jpg) left top no-repeat}.medio4{background:#fff url(../images/medio4.jpg) left top no-repeat}.medio5{background:#fff url(../images/medio5.jpg) left top no-repeat}.medio6{background:#fff url(../images/medio6.jpg) left top no-repeat}.medio7{background:#fff url(../images/medio7.jpg) left top no-repeat}.medio8{background:#fff url(../images/medio8.jpg) left top no-repeat}.medio9{background:#fff url(../images/medio9.jpg) left top no-repeat}

#pie
{
	background: #fff url(../images/fondo_pie.jpg) left top no-repeat;
	border-top: 1px solid #ddd;
	color: #9CADBE;
	font: 11px tahoma;
	padding-top:3px;
	height:50px;
}
#bienvenida
{
	text-align: justify;
}


#banner-home
{
}
#banner-home a:hover img
{
	filter: alpha( opacity = 70);
	khtml-opacity: 0.7;
	moz-opacity: 0.7;
	opacity: 0.7;
}
#contenedor-estatico
{
}
.container h1
{
	color: white;
	font-size: 21px;
	
	
}

.container h1.mizquierdo {
	padding-left:15px;	
}


.container #contenido h1
{
	color: #999;
	font-size: 20px;
	padding:15px 0;
	
	
}
.container #contenido h2
{
	color: #8EB5B9;
	font-size: 16px;
	padding:10px 0;
}

.container p
{
	color: #666;
	padding:5px 0;
	text-align:justify;
}

.container #contenido ul, .container #contenido ol {
	margin:5px 40px;
	font:12px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:19px;
	color:#888;
	
}


.container #contenido a {
	color:#183D67;
	letter-spacing:1px;
	font:bold 12px calibri,tahoma;
	text-decoration:none;
	border-bottom:1px dotted #183D67;
}

.container #contenido a:hover {
	color:#2EA0AE;
	border:none;
	
}

.container #contenido strong
{
		color:#000;
		letter-spacing:1px;
		font:bold 12px calibri,tahoma;
}

/* módulo detalle */
#detalle {
	margin:60px 30px 20px 10px;
}
		
		#estatico {
	margin:65px 30px 20px 10px;
	text-align:justify;
}

#detalle img {
	float:left;
	width:230px;
	border:1px solid #2EA0AE;
	margin-bottom:20px;
}

#detalle h1 {
	margin-left:250px;
	
}

#detalle p {
	margin-left:250px;
	text-align:justify;
	padding-bottom:10px;
}

#detalle ul {
	margin-left:280px;
	line-height:130%;
	margin-bottom:10px;
	font:10px arial;
	letter-spacing:1px;
}

#detalle ul li {
	padding-top:0;
}

/* modulo galeria */
p.catalogo-descripcion
{
	text-align: justify;
}
#galeria-catalogo
{
}
#galeria-catalogo .producto
{
	float: left;
	height: 120px;
	margin: 0 30px 0 0;
	width: 210px;
}
#galeria-catalogo .pie-producto
{
	color: #333;
	font: 11px arial, tahoma;
}
#galeria-catalogo img
{
	background: #000;
	border: 3px solid #e2e2e2;
	padding: 1px;
}
#galeria-catalogo a:hover img
{
	border-color: #aaa;
}

/* descargas pdf */
#pdf {
	margin-top:10px;
	padding-top:10px;
	border-top:1px dashed #CDDDEA;
}

#pdf a {
	text-decoration:none;
	font:11px 'trebuchet ms';
	color:#6B9AC0;
}

#pdf a:hover {
	color:#3D698D;
}

#pdf a img {
	border:none;
	padding-right:8px;
	vertical-align:-8px;
}

/* rejilla */
hr
{
	background: #ddd;
	border: none;
	clear: both;
	color: #ddd;
	float: none;
	height: .1em;
	margin: 0 0 1.45em;
	width: 100%;
}
hr.space
{
	background: #fff;
	color: #fff;
}
.clearfix:after, .container:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix, .container
{
	display: inline-block;
}
* html .clearfix, * html .container
{
	height: 1%;
}
.clearfix, .container
{
	display: block;
}
.clear
{
	clear: both;
}

/* cajas con margen */
.box5{margin:5px}.box10{margin:10px}.box15{margin:15px}.box20{margin:20px}.box25{margin:25px}.box30{margin:30px}

.showgrid
{
	background: url(../images/images_bluetrip/grid.png);
}

div.span-1, div.span-2, div.span-3, div.span-4, 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
{
	float: left;
	margin-right: 10px;
}
div.span-24
{
	float: left;
}
div.last
{
	margin-right: 0;
}
.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.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}div.span-24,.span-24{width:950px}.suffix-1{padding-right:40px}.suffix-2{padding-right:80px}.suffix-3{padding-right:120px}.suffix-4{padding-right:160px}.suffix-5{padding-right:200px}.suffix-6{padding-right:240px}.suffix-7{padding-right:280px}.suffix-8{padding-right:320px}.suffix-9{padding-right:360px}.suffix-10{padding-right:400px}.suffix-11{padding-right:440px}.suffix-12{padding-right:480px}.suffix-13{padding-right:520px}.suffix-14{padding-right:560px}.suffix-15{padding-right:600px}.suffix-16{padding-right:640px}.suffix-17{padding-right:680px}.suffix-18{padding-right:720px}.suffix-19{padding-right:760px}.suffix-20{padding-right:800px}.suffix-21{padding-right:840px}.suffix-22{padding-right:880px}.suffix-23{padding-right:920px}.prefix-1{padding-left:40px}.prefix-2{padding-left:80px}.prefix-3{padding-left:120px}.prefix-4{padding-left:160px}.prefix-5{padding-left:200px}.prefix-6{padding-left:240px}.prefix-7{padding-left:280px}.prefix-8{padding-left:320px}.prefix-9{padding-left:360px}.prefix-10{padding-left:400px}.prefix-11{padding-left:440px}.prefix-12{padding-left:480px}.prefix-13{padding-left:520px}.prefix-14{padding-left:560px}.prefix-15{padding-left:600px}.prefix-16{padding-left:640px}.prefix-17{padding-left:680px}.prefix-18{padding-left:720px}.prefix-19{padding-left:760px}.prefix-20{padding-left:800px}.prefix-21{padding-left:840px}.prefix-22{padding-left:880px}.prefix-23{padding-left:920px}

div.border
{
	border-right: 1px solid #eee;
	margin-right: 5px;
	padding-right: 4px;
}
div.colborder
{
	border-right: 1px solid #eee;
	margin-right: 25px;
	padding-right: 24px;
}