@import "prettyPhoto.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#6c788b;
	min-width:1010px;
	background-color:#070b0e;
}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.538em;
}

a {color:#1288e3; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;width:210px;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}
.bl {display:block;}
.bo {font-weight:bold;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#3991c9;}
.color-4 {color:#019cff;}

.index-1 {z-index:1; position:relative;}
.index-2 {z-index:2; position:relative;}
/*********************************boxes**********************************/
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:25px;}
.indent-bot3 {margin-bottom:35px;}

.img-indent {float:left; margin:0 8px 0 0;}
.img-indent2 {float:left; margin:0 22px 0 0;}
.img-indent3 {float:left; margin:5px 19px 0 0;}

.indent-l {margin-left:88px;}
.indent-l2 {margin-left:29px;}
.indent-l0 {margin-left:15px;}
.indent-r {margin-right:20px;}
.top-indent {padding-top:24px;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
	background:url(../images/header.gif) 0 0 repeat-x #1a1d22;
	border-bottom:1px solid #24282f;
}

.header-bg {background:url(../images/header-bg.jpg) center 0 no-repeat;width:100%;}

h1 {
	padding:11px 10px 9px; 
	position:relative;
	font-weight:normal;
	float:left;
	overflow:hidden;
}

.mainlogo{
	float:left;
	width:300px;
	height:133px;
	background:url(../images/logo_2_nuevo.png) 0 0 no-repeat;
	top:3px;
	left:20px;
	position:relative;
	z-index:99999;
}

h1 strong {
	font-size:12px;
	line-height:1.25em;
	color:#989a9e;
	text-transform:uppercase;
	display:inline-block;
	font-style:italic;
	padding:24px 0 0 13px;
	font-weight:normal;
	letter-spacing:-1px;
}

/*********************************menu**********************************/
.menu {
	padding:46px 10px 0 0;
	float:right;
}
.menu > li {
	float:left; 
	margin-left:13px;
}
.menu > li:first-child {margin:0;}
.menu > li > a {
	display:inline-block;
	background:url(../images/menu-left.png) left bottom no-repeat;	
	padding-left:11px;
	cursor:pointer;
}

.menu > li > a > strong {
	display:inline-block;
	background:url(../images/menu-right.png) right bottom no-repeat;	
	padding-right:11px;
}

.menu > li > a strong strong {
	display:inline-block;
	font-size:17px;
	line-height:30px;
	text-transform:uppercase;
	letter-spacing:-1px;	
	padding:0px 9px 5px 10px;	
	height:29px;
	background:url(../images/menu-hover.gif) 0 bottom repeat-x;
}


.menu > li:hover > a, .menu > li:hover > a strong strong,
.menu > li.active > a, .menu > li.active > a strong strong,
.menu > li.sfHover > a, .menu > li.sfHover > a strong strong {background-position: 0 0;}

.menu > li:hover > a > strong,  
.menu > li.active > a > strong, 
.menu > li.sfHover > a > strong {background-position: right 0;}

.menu > li.active, .menu > li:hover, .menu > li.sfHover {box-shadow: 0px 2px 2px #181c20;}

.menu ul li {width:	auto;}
.menu ul ul li {width:	100%;}
.menu li:hover {visibility:	inherit;}

/******************************** submenu **************************************/
.menu ul {
	position:		absolute;
	top:			-999px;
	width:			100%;
	background:		#010101;
	padding:		5px 0 6px;
	text-align:		center;
	height:			18px;
}
.menu ul ul {
	padding:		0;
	background:		none;
	width:			150px;
	text-align:		left;
	height:   		auto;
}
.menu li li {
	padding:0; 
	margin:	0 0 0 12px;
	display:inline;
	position:relative;
}
	.menu li li:first-child {margin:0;}

.menu li li a {
	display:		inline-block;
	padding:		0 0 0 8px;
	font-size:		11px;
	line-height:	18px;
	text-transform:	uppercase;
	color:			#1288e3;
	letter-spacing:	normal;
	background:		url(../images/marker-2.gif) left 6px no-repeat #010101;
	position:relative;
	overflow:hidden;
}
.menu li li a:hover, .menu li li.sfHover > a {color:#fff;}

.menu li li li { 
	display:block;
	margin:1px 0 0; 
	padding:0;
}
.menu li li li a {
	display:block;
	padding:6px 0 4px 19px;
	background:		url(../images/marker-2.gif) 9px 12px no-repeat #010101;
}
.menu li li li a:hover {}
.menu li:hover ul, .menu li.sfHover ul {
	left:			-2px;
	top:			82px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			0px;
	top:			24px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}


/*********************************slider**********************************/
.slider{
	background:url(../images/slider.jpg) 0 0 no-repeat;
	width:940px;
	height:421px;
	padding:10px 0 40px;
	font-family: 'Cabin', sans-serif;
	font-size:80px;
	line-height:1.2em;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-3px;
	position:relative;
}

.slider1 {
	background:url(../images/slider1.jpg) 0 0 no-repeat;
	width:940px;
	height:421px;
	padding:30px 0 0;
	font-family: 'Cabin', sans-serif;
	font-size:80px;
	line-height:1.2em;
	text-transform:uppercase;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-3px;
	position:relative;
}


.pad-1 {margin-top:-16px;}
.style-1 {font-size:50px;margin-top:-25px;letter-spacing:-2px;}
.style-3 {font-size:40px;margin-top:-25px;letter-spacing:-2px;}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:72px 0 40px;
	position:relative;
	z-index:1;
}

#page1 #content {padding:0 0 40px;}
#page5 #content {padding:72px 0 52px;}

h2 {
	font-size:40px; 
	line-height:1.3em; 
	color:#fff;
	text-transform:uppercase;
}

h3 {
	font-size:35px; 
	line-height:1.222em; 
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
}

h3 strong {
	font-weight:normal;
	margin-top:-13px;
	display:inline-block;
}

h4 {
	font-size:29px; 
	line-height:1.206em; 
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-style:italic;
}

h4 strong {
	display:block;
	margin-top:-3px;
	font-weight:normal;
}

h5 {
	color:#bcbdbe;
}

h6 {
	font-size:23px; 
	line-height:1.217em; 
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-style:italic;
}


.border-1 {
	border-left:1px solid #222428;
}

.button {
	background:url(../images/button-tail.gif) 0 0 repeat-x #343941;
	display:inline-block; 
	padding:5px 10px;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:1.666em;
	color:#c6c8cc; 
	text-transform:uppercase;
	text-decoration:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
	
	.button:hover {background:#ebebe9; color:#019cff;}


.button2 {
	background:url(../images/button2-left.png) left top no-repeat;
	padding-left:7px;
	display:inline-block; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.666em;
	color:#fff; 
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold; 
}
	
	.button2:hover {background-position: left bottom; color:#019cff;}

.button2 > span {
	background:url(../images/button2-right.png) right 0 no-repeat;
	padding-right:7px;
	display:inline-block; 	
}
	.button2:hover > span {background-position: right bottom;}

.button2 span span {
	padding:9px 2px 8px 2px;
	background:url(../images/button2-tail.png) 0 0 repeat-x;
	display:inline-block;
}

	.button2:hover span span {background-position: 0 bottom;}

.button3 {
	background:url(../images/button2-left.png) left top no-repeat;
	padding-left:7px;
	display:inline-block; 
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:1.666em;
	color:#fff; 
	text-transform:uppercase;
	text-decoration:none;
	cursor:pointer;
}
	
	.button3:hover {background-position: left bottom; color:#019cff;}

.button3 > span {
	background:url(../images/button2-right.png) right 0 no-repeat;
	padding-right:7px;
	display:inline-block; 	
}
	.button3:hover > span {background-position: right bottom;}

.button3 span span {
	padding:9px 6px 8px;
	background:url(../images/button2-tail.png) 0 0 repeat-x;
	display:inline-block;
}

	.button3:hover span span {background-position: 0 bottom;}


.list-1 li {
	font-size:11px;
	line-height:18px;
	text-transform:uppercase;
	padding: 3px 0 9px;
}
	.list-1 li a {
		display:inline-block;
		background:url(../images/marker-1.png) 0 5px no-repeat;
		padding-left:17px; 
	}
		.list-1 li a:hover {
			color:#fff;
			background-position: 0 -28px;
		}

.list-1 li.last {padding-bottom:0;}

.list-2 li {
	padding:6px 0 21px 41px; 
	background:url(../images/ico2.png) 0 0 no-repeat;
}
	.list-2 li a {
		display:inline-block; 
		font-weight:bold;
		color:#bcbdbe; 
	}
		.list-2 li a:hover {color:#fff;}
	.list-2 li.item-2 {background:url(../images/ico2.png) 0 0 no-repeat;}
	.list-2 li.item-3 {background:url(../images/ico3.png) 0 0 no-repeat;}

.block-bot {
	background:url(../images/block-bot.png) 0 top no-repeat;
	padding:0px 0 0;
	width:100%;
}

.block {
	min-height:122px;
	background:url(../images/block-tail.gif) 0 top repeat-x #232730;
	border-left:1px solid #353941;
	border-right:1px solid #353941;
	border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	padding: 20px 25px 0;
}

.table1 {
	color:#bcbdbe;
	font-weight:bold;
}

.table-col-1 {width:121px;}
.table-col-2 {width:74px;}
.table-col-3 {width:120px;text-transform:uppercase; color:#1288e3; font-size:11px; font-weight:normal;}


.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
}
.link-1:hover {color:#fff;} 

.text-1 {font-size:14px;color:#fff;text-align:center;font-weight:bold;font-family: 'Cabin', sans-serif;padding-top:5px;} 
.text-2 {font-size:11px; line-height:1.272em; color:#1288e3;text-transform:uppercase;display:inline-block;margin-bottom:13px;}
.text-3 {display:block;font-style:italic;position:relative;overflow:hidden;}

blockquote {
	background:url(../images/quote.png) left 5px no-repeat;
	font-size:11px;
	line-height:1.272em;
	width:100%;
}

blockquote p {
	padding-left:20px;
	font-style:italic;
	margin-bottom:5px;
	font-size:13px;
	line-height:20px;
}

blockquote span {
	text-transform:uppercase;
	color:#1288e3;
}

dl span {float:left; width:75px;}

dl a {color:#379ecb;}

.title-text{
	font-size:1.5em;
	color:red;
	margin-bottom:5px;
}

/*****carousel style*****/
.carousel-wrapper {overflow:hidden;margin-top:-37px;}
.carousel-box {width:1010px; height:325px; position:relative;left:50%; margin: 0px 0 23px -505px; background:url(../images/carousel-bg.png) center 37px no-repeat;font-size:13px;line-height:20px;color:#7a869b;overflow:hidden;}
.carousel-box .next {display:block; width:33px; height:50px; text-indent:-5000px; background:url(../images/carousel-control.png) left top no-repeat; position:absolute; right:0px; top:137px;}
.carousel-box .prev {display:block; width:33px; height:50px; text-indent:-5000px; background:url(../images/carousel-control.png) right top no-repeat; position:absolute; left:0px; top:137px;}
#carousel li {width:320px !important; height:235px !important;}
#carousel li.item-1 {background:url(../images/pic1.png) 89px top no-repeat;padding-top:80px;}
#carousel li.item-2 {background:url(../images/pic2.png) 85px 4px no-repeat;padding-top:80px;}
#carousel li.item-3 {background:url(../images/pic3.png) 88px 4px no-repeat;padding-top:80px;}
#carousel li.item-4 {background:url(../images/pic4.png) 89px 0 no-repeat;padding-top:80px;}
.carousel-block {margin-right:29px !important;padding:23px 22px 0 0;background:url(../images/devider.gif) right top no-repeat;min-height:158px;}
.carousel-block strong {font-family: 'Cabin', sans-serif;font-size:24px;line-height:30px;display:block;color:#fff;text-transform:uppercase;font-style:italic;font-weight:bold;letter-spacing:-1px;margin-bottom:20px;}
.carousel-box h4 {padding-left:67px;}
.jCarouselLite {margin:0px 0 0 0px; left:55px !important; width:900px !important; z-index:999;}

#roll{
	z-index:-999;
}

#map_canvas {
	width:270px;
	height:260px;
	overflow:hidden;
}

/***** Contact form *****/
.buttons-wrapper { padding:10px 5px 0 0; text-align:right;}
.buttons-wrapper a { 
	margin-left:20px;
	background:url(../images/button-left.png) left top no-repeat;
	display:inline-block; 
	padding-left:7px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}

.buttons-wrapper a > span {
	display:inline-block; 
	background:url(../images/button-right.png) right top no-repeat;
	padding-right:7px;
}

.buttons-wrapper a span span {
	background:url(../images/button-tail.gif) 0 0 repeat-x;
	display:inline-block; 
	padding:5px 3px;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:1.666em;
	color:#c6c8cc; 
	text-transform:uppercase;
	text-decoration:none;
}

.buttons-wrapper a:hover {background-position: left bottom;}
.buttons-wrapper a:hover > span {background-position: right bottom;}
.buttons-wrapper a:hover span span {background-color:#ebebe9; background-image:none; color:#019cff;}

		
#contactus-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	
#contactus-form span.s1 {width:80px !important;}
#contactus-form span.s2 {font-style:italic; display:inline-block;}

	#contactus-form fieldset {
		border:none;
		padding:0;
		}			
			#contactus-form label {
				display:block;
				min-height:20px;
			}
			#contactus-form label.message {
				min-height:270px;
			}
			
			#contactus-form input {
				width: 250px;
				padding:3px 10px;
				margin:0;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#fff; 
				border:none;
				background:#343940;
			}
			#contactus-form input.add {width:105px !important;}
			#contactus-form textarea {
				height:124px;
				margin:0;
				width:439px;
				padding:8px 10px;
				margin:0;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#fff; 
				border:none;
				background:#343940;
				overflow:auto;
			}
		.buttons-form { padding:20px 0px 0 0; text-align:right;}

#contactus-form label.error {
	color:#F30;
	font-size:11px;
}
#contactus-form input[type="checkbox"]{
	width: 20px;
}
#contactus-form .button{
	width: 80px;
}

		
/****************************footer************************/
footer {
	width:100%; 
	padding:0px;
}

.footer-text {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.272em;
	color:#3a4455;
	text-transform:uppercase;
	text-align:right;
	border-top:1px solid #212326;
	padding:10px 0 20px;
}

.footer-text a {
	color:#3a4455;
	text-decoration:none;
}

.footer-text a:hover {text-decoration:underline;}

/* Noscript Notice */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(../images/icon-note.png) 20px 50% no-repeat; }
.noscript p { margin:0; }

/* lightbox */
.hover {
	display:inline-block; 
	position:relative;
	overflow:hidden;
	z-index:2;	
}
	.hover img {
		display:block;
		position:relative;
	}
	.hover .mask{
		background:url(../images/img-marker.png) center center no-repeat #fff;
		cursor:pointer;
		bottom: 50%;
		left: 50%;
		right: 50%;
		top: 50%;
		opacity: 0;
		position: absolute;
		z-index:3;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin:5px;
	}
	.hover:hover .mask {
		bottom:0;
		left: 0;
		opacity: 0.5;
		right: 0;
		top: 0;
		margin:5px;
	}

.map-indent{
	float:Left;
	margin: 6px 19px 0 0;
}

.map iframe {
	width:440px;
	height:319px;
}

.exito-box{
	color:#697a58;
	background:#eeffdd;
	border:1px solid #a3c159;
	padding:10px;
}
.fallo-box{
	color:#7e6c6c;
	background:#feebeb;
	border:1px solid #ff9999;
	padding:10px;
}

#liveadmin{
		position: absolute;
        top:170px;
        right: 0px;
		z-index:999;
}