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

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/opensans-condlight-webfont.eot');
    src: url('../fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condlight-webfont.woff') format('woff'),
         url('../fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/opensans-condbold-webfont.eot');
    src: url('../fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condbold-webfont.woff') format('woff'),
         url('../fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* BANNER STYLES */

#slider1_container{
	position: relative; 
	width: 784px; 
	height: 374px;
}
.captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
        	font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
        	color: #ffffff;
        	text-decoration: none;
        }
        a.captionOrange:hover
        {
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../img/browser-icons.png);
        }


/* FONTS IMPORT */
body{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16px;
	color:rgb(0,74,128);
	text-align:justify;
}
strong{font-family: 'Open Sans Condensed', sans-serif;}
h1{
	font-size:20px;
	font-weight:700;
	margin-bottom:10px;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}
h2{
	font-size:16px;
	font-weight:700px;
	text-transform:uppercase;
	margin-bottom:10px;
	font-family: 'Open Sans Condensed', sans-serif;
}
.textMark{
	color:rgb(3,131,225);
	font-size:16px;
	line-height:20px;
}

/*  RESETS STYLES */
*{margin:0; padding:0;}
img, img a{border:none;}
a{text-decoration:none; color:inherit}
ul, ol, blockquote{margin:25px;}
.clearfix{clear:both;}
.FX{
	transition-property:all;
	-moz-transition-property:all;
	-webkit-transition-property:all;
	-o-transition-property:all;
	-ms-transition-property:all;
	transition-daly:0.3s;
	-moz-transition-daly:0.3s;
	-webkit-transition-daly:0.3s;
	-o-transition-daly:0.3s;
	-ms-transition-daly:0.3s;
	transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-wbkit-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

/* HEADER STYLES */

header{
	background: #dddddd; /* Old browsers */
	height:413px;
	border-bottom:3px solid rgb(0,176,249);
}

	#LanguageBtn{
		width:auto;
		padding:10px 20px;
		line-height:12px;
		font-size:12px;
		color:rgb(255,255,255);
		text-transform:uppercase;
		background:rgb(0,176,249);
		text-align:center;
		border-radius:0 0 5px 5px;
		-moz-border-radius:0 0 5px 5px;
		-webkit-border-radius:0 0 5px 5px;
		-ms-border-radius:0 0 5px 5px;
		float:right;
		box-shadow:0px 3px 3px rgb(196,198,198);
		font-weight:700;
		display:none;
	}
		#LanguageBtn:hover, .BlueLink:hover{
			background:rgb(0,74,128);
		}
	#SocialLinks{
		float:right;
		margin-left:10px;
		padding-top:5px;
		font-weight:700;
		font-size:12px;
		display:none;
	}
	#Logo{
		width:125px;
		height:214px;
		background:url(../images/_template/Logo.png) no-repeat;
		float:left;
		margin:25px 10px 0 25px;
		text-indent:-9999px;
		z-index:999;
		position:relative;
	}
	#Address{
		position:absolute;
		top:5px;
		right:25px;
		font-weight:700;
		font-size:14px;
		text-transform:uppercase;
		text-align:right;
		line-height:13px;
		z-index:999;
		font-family: 'Open Sans Condensed', sans-serif;
	}
	#Address p:last-child{
		color:rgb(3,131,225);	
	}
	#ContactPhone{
		font-family: 'Open Sans Condensed', sans-serif;
		position:absolute;
		top:120px;
		right:25px;
		text-align:right;
		font-size:38px;
		font-weight:700;
		line-height:34px;
		z-index:999;
	}
	#ContactPhone p:last-child{
		color:rgb(3,131,225);
		font-size:24px;
		line-height:20px;
	}
	#Banner{
		position:absolute;
		z-index:0;
		width:784px;
		height:412px;
		margin:0 auto;
		top:0px;
	}

/* MAIN MENU STYLES */

	#MainMenu{
		width:900px;
		height:auto;
		margin:0 auto;
		position:relative;
		top:-15px;
		font-weight:bold;
		font-size:11px;
		font-family: 'Open Sans Condensed', sans-serif;
	}
		#MainMenu ul{
			margin:0 0px;
			list-style:none;
		}
		#MainMenu li{
			float:left;
			display:block;
			margin:0 2px;
			padding:10px 15px;
			border-top:6px solid rgb(255,255,255);
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-ms-border-radius:5px;
			-o-border-radius:5px;
			background-color:rgb(228,228,228);
			text-shadow:1px 1px 0 rgb(255,255,255);
			box-shadow:0px 3px 3px rgb(196,198,198);
		}
		#MainMenu li:hover{
			background-color:rgb(0,176,249);
			color:rgb(255,255,255);
			text-shadow:none;
		}
		

/* BLOCKS STYLES */

	.BlockFull{
		clear:both;
		width:955px;
		margin:0 auto;
		position:relative;
	}
	.Blocks3{
		width:31%;
		float:left;
		min-height:300px;
		margin:14px;
		position:relative;
	}
	.Blocks3 .BlueLink{
		left:68%;
	}
	.Blocks2{
		width:46%;
		float:left;
		margin:0 2%;
	}

/* CONTENT STYLES */
	
	#Content{
		padding-top:25px;
	}
	#Content .BlockFull{
		width:850px;
	}
	.ImgFL{
		float:left;
		margin-right: 20px;
	}
	.ImgFR{
		float:right;
		margin-left:20px;
	}
	#Content p, footer p{
		margin:0px 0px 14px 0px;
	}
	.BlueLink{
		width: auto;
		padding: 10px 20px;
		line-height: 12px;
		font-size: 12px;
		color: rgb(255,255,255);
		background: rgb(0,176,249);
		text-align: center;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-ms-border-radius: 5px;
		font-weight: bold;
		position: absolute;
		left: 69%;
		bottom: 5px;
	}
	#GreySection{
		margin-top:25px;
		clear:both;
		background:rgb(230,230,230);
		padding:15px 0 25px 0;
		width:100%;
		height:auto;
		min-height:300px;
	}
	#GreySection .Blocks3:first-child{
		margin-left:0;
	}
	#GreySection .Blocks3:last-child{
		margin-right:0;
	}
	.Imagotipo{
		width:30%;
		height:auto;
	}

/* FAQ'S STYLES */

	.Preguntas{
		float:left;
		width:27%;
		text-align:left;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		background:rgb(0,176,249);
		margin:3%;
	}
	.Pregunta{
		text-transform:uppercase;
		margin-bottom:15px;
		font-size:14px;
		padding:15px 15px 0 15px;
		height:60px;
		color:rgb(255,255,255);
	}
	.Respuesta{
		padding:15px;
		color:rgb(255,255,255);
	}
	#Consejos{
		list-style:disc;
	}
	#Consejos li{
		margin:20px 0;
		line-height:20px;
	}

/* FOOTER STYLES */

	footer{
		display:block;
		clear:both;
		width:100%;
		min-height:75px;
		background:rgb(0,174,239);
		padding:20px 0;
		color:rgb(255,255,255);
		font-size:12px;
		margin-top:15px;
	}
	section{
		display:block;
	}
	.Copyright{
		width:230px;
		float:left;
	}
	nav#FooterNav{
		display:block;
		float:right;
		width:60%;
		text-align:right;
	}
		#FooterNav p:first-child a{
			margin:0px 15px 0 15px;
		}
		#FooterNav p:last-child{
			margin-right:15px;
		}
		#FooterNav a{
			margin:0 10px;
			color:rgb(255,255,255);
		}
		#FooterNav a:hover{
			color:rgb(0,74,128);
		}
	#Development{
		display:none;
	}

/* CONTACT FORM */
	
	#contact_form{
		background:rgb(240,240,240);
		padding:15px;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		margin-bottom:15px;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight:bold;
	}
	
	#contact_form label{
		display:block;
		width:100%;
		margin:5px 0;
	}
	#contact_form input{
		padding:5px 10px;
		font-size:16px;
		font-family:sans-serif;
		margin:5px 0;
	}
	#contact_form textarea{
		width:90%;
		margin:5px 0;
		padding:5px 10px;
		font-family:sans-serif;
		font-size:16px;
	}
	#contact_form #date{
		width:auto;
		float:left;
	}
	#contact_form #Btnsend{
		clear:both;
		padding:10px 0;
	}
	

/* STYLES DATE PICKER */

	a.dp-choose-date {
		float: left;
		width: 16px;
		height: 16px;
		padding: 0;
		margin: 5px 3px 0;
		display: block;
		text-indent: -2000px;
		overflow: hidden;
		background: url(calendar.png) no-repeat; 
	}
	a.dp-choose-date.dp-disabled {
		background-position: 0 -20px;
		cursor: default;
	}
	/* makes the input field shorter once the date picker code
	 * has run (to allow space for the calendar icon
	 */
	input.dp-applied {
		width: 140px;
		float: left;
	}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}