/*
Theme Name: 
Theme URI: http://www.ansonika.com/volare/
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/

CSS STRUCTURE:

1. SITE STRUCTURE and TYPOGRAPHY
2. PAGES AND CONTENT
3. FORMS
4. COMMON
5. MEDIA QUERIES

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
/* Fonts and Icons */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800');
@import url('http://fonts.googleapis.com/css?family=Lato:400,700,900');

hr {
	border-top:1px solid  #A79C9C;		
}
/* Structure */
body {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	margin:0;
	color:#646464;
	-webkit-font-smoothing: antialiased !important;
}
/* #Site Header
================================================ */
header {
	background: #ffffff url(../img/bg_header.jpg) repeat-x center top; 
	width:100%;
	position:fixed; left:0; top:0;
	color:#336d37;
	z-index:999;
	padding:5px 0;
	font-family:"Helvetica Neue", Arial;
}
#phone strong {
	font-size:20px;
}

div#top_slogan {
	text-align: center;
}
div#top_slogan img {
	margin: 30px 0 0 0;
}

ul#top_nav {
	list-style:none;
	padding:0;
	margin:4px 0 0 0;
	font-size:16px;
	float:right;
	color:#000;
	background-color:#FFFFFF;
	
	
	
}
ul#top_nav a{
	color:#336d37;
}

ul#top_nav a{
	color:#336d37;
}

ul#top_nav a:hover{
	color:#000;
	
}

ul#top_nav li:first-child{
	border-left: none;
	color:#000;
}
ul#top_nav li {
	display:inline-block;
	border-left: 1px solid #336d37;
	height:12px;
	line-height:12px;
	padding-right:5px;
	padding-left:7px;
	
}
ul#top_nav img {
	vertical-align: top;
	margin-left: 5px;
}


ul#top_motero_nav {
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
	font-size:12px;
	float:right;
	color:#000;
	font-size:15px;
	

}
ul#top_motero_nav li {
	display:inline-block;
	height:12px;
	line-height:12px;
	padding-right:5px;
	padding-left:7px;
}
ul#top_motero_nav img {
	vertical-align: top;
	margin-left: 5px;
}


ul#top_motero_nav_login {
	list-style:none;
	padding:0;
	margin:10px 0 0 0;
	font-size:12px;
	float:right;
	color:#000;
	font-size:15px;
	background-color: #FFFFFF;
	border:1px solid #000000;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
	border-radius: 5px;

}
ul#top_motero_nav_login li {
	display:inline-block;
	height:12px;
	line-height:12px;
	padding-right:5px;
	padding-left:7px;
}
ul#top_motero_nav_login img {
	vertical-align: top;
	margin-left: 5px;
}


ul#top_social_nav {
	list-style:none;
	padding:0;
	margin:-20px 0 0 0;
	font-size:12px;
	float:right;
}
ul#top_social_nav li {
	display:inline-block;
	height:12px;
	line-height:12px;
	padding-right:5px;
	padding-left:7px;
}
ul#top_social_nav img {
	vertical-align: top;
	margin-left: 5px;
}


a#logo {
	width:476px;
	height:150px;
	background:url(../img/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
	
}

.navariderday {
	border:1px solid #000000;
	
}



#lang {
	margin-top:8px;
}
#lang a.dropdown-toggle{
	color:rgba(255,255,255,.5);
}
footer nav, header nav{ padding:0; margin:0; position:relative; top:0; left:0;}



/* #Site Footer */
footer {
	background-color:#fff; 
	margin-top:60px; 
	position:relative; 
	color:#000; 
	padding:30px 0 20px 0;
	
}
#footer_waves { 
	position:absolute; 
	top:-36px; 
	width:100%; 
	height:37px; 
	background:url(../img/mountains_2.png) repeat-x 0 1px;
	left:0;
}
.footer_nav ul {
	 list-style:none; 
	 margin:0 0 25px 0; 
	 padding:0;
	 
}

footer a { color:#000;}
footer a:hover { color: #000;}
#copy {
	font-size:12px;
	margin-bottom:0;
	color: #000;
}

#copy a:link, #copy a:visited, #copy a:hover, #copy a:active{
	color: #000 !important;
	font-size:14px;
}


.menu_inferior, .menu_inferior a {
	font-weight: bold;
	font-size: 14px;
	color:#000;
}

.menu_inferior {
	margin: 0 0 0 0;
	position: relative;
	
}

.row_menu_inferior {
	text-transform: uppercase;
	width: 11%;
	float: left;
}

.inf_sin_sub {
	text-align: center;
	
}

.inf_sin_sub a:link, .inf_sin_sub a:visited, .inf_sin_sub a:active, .inf_sin_sub a:hover{
	color: #000 !important;
}


.menu_inferior li, .menu_inferior ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	
}

.menu_inferior ul {
	margin: 10px 0 0 0;
	color: #000;
}

.menu_inferior ul a {
	color: #fff;
}

.menu_inferior ul a:link {
	color: #000 !important;

}

.menu_inferior ul a:hover {
	color: #000;
}
.menu_inferior img {
	margin-left: 5px;
}
.redes_pie {
	float: right;
	margin: 10px 0;
}
.address, .address a {
	color: #000;
	font-size: 12px;
}
.address {
	clear: both;
	position: absolute;
	right: 40px;
	text-align: left;
	top: 30px;
	width: 60%;
}

.address .logos {
	clear:both;
	text-align:right;
}
.address .logos img {
	width: 14%;
}

.address img {
	margin-right: 5px;
}
.hr_footer {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#contact_footer ul{
	list-style:none;
	margin:-5px 0 20px 0;
	padding:0;
}
ul#follow_us {
	list-style:none;
	padding:0;
	margin:10px 0 15px 0;
}
ul#follow_us  li{
	font-weight:600;
}

ul#follow_us  li{
	display: inline-block;
	margin-right:10px;
}
ul#follow_us  li a{
	width:34px;
	color:#000;
	height:34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #fff;
	display:block;
	line-height:32px;
	font-size:18px;
	text-align:center;
	font-weight:normal;
}
ul#follow_us li a:hover{
	border: 2px solid #FF6;
	color:#FF6;
}
ul.links{
	list-style:none;
	line-height:24px;
	font-size:14px;
}
ul.links li a{
	border-bottom: 1px dotted #000;
}

/* TYPOGRAPHY and links color */
p {
	margin-bottom:20px;
}
blockquote.styled {
	line-height:20px;
	font-size:14px;
	font-style:italic;
}
p.lead{
	font-weight:300px;
}

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
a:hover,
a:focus {
  color: #000;
  text-decoration: none;
}
.img-circle.styled { 
	background-color:#ededed;
	-moz-box-shadow: 0px 0px 0px 5px #ededed; 
	-webkit-box-shadow: 0px 0px 0px 5px #ededed; 
	box-shadow: 0px 0px 0px 5px #ededed;
	margin:5px;
}
.img-circle.styled.team { 
	background-color:#ededed;
	-moz-box-shadow: 0px 0px 0px 5px #ededed; 
	-webkit-box-shadow: 0px 0px 0px 5px #ededed; 
	box-shadow: 0px 0px 0px 5px #ededed;
	margin:5px 15px ;
}
.img-rounded.styled { 
	background-color:#ededed;
	-moz-box-shadow: 3px 3px 5px 2px #aaa; 
	-webkit-box-shadow: 3px 3px 5px 2px #aaa; 
	box-shadow: 3px 3px 5px 2px #aaa;
	margin:10px;
	margin-top:5px;
}

.img-rounded-interior.styled { 
	background-color:#ededed;
	border: 3px solid #336d37;
	border-radius: 6px;
}

h1,h2,h3,h4,h5,h6 {
  	font-family: 'Lato', Arial, Helvetica, sans-serif;
	color:#222;
}

h1 {
	text-transform:uppercase;
	font-weight:800;
	font-size:46px;
	line-height:48px;
	margin:0 0 0 0;
	padding:0;
	color: #336d37;
}
h2 {
	font-size:34px;
	margin-top:10px;
	color: #336d37;
}
h4 {
	color: #336d37;
	font-size: 18px;
	font-weight: bold;
}
.feature-box-info h4{
	margin-bottom:5px;
}
.box_container a h3{
	text-transform:uppercase;
	font-weight:600;
	margin-top:10px;
	font-size: 23px;
	margin-bottom: 5px;
}
footer h4{
	text-transform:uppercase;
	font-size:16px;
	font-weight:600;
	color:#fff;
}

.list_home h4.p-title{
	margin:5px 0 3px 0;

}



.see_more{
	color: #646464;
	font-style: italic;
	font-size: 12px;
}
.see_more:hover{
	color: #000;
}

.see_more img{
	margin-right: 5px;
}

.info_content h4{
	margin-bottom:0;
}


/* Buttons */
a.button_medium, .button_medium {
	border:none;
	background:#336d37;
	/* Old browsers */
	background:#336d37 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#336d37 -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#336d37 -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#336d37 -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#336d37 -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#336d37 linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	color:#fff;
	padding:5px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	font-size:13px;
	cursor:pointer;
	outline:none;
	font-weight:700;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.button_medium:hover, .button_medium:hover {
	background:#111;
	/* Old browsers */
	background:#111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#111 -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#111 -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#111 -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#111 -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#111 linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	}

.button_outline, a.button_outline {
	border:2px solid #336d37;
	background:none;
	outline:none;
	padding:12px;
	text-decoration:none;
	margin-bottom:15px;
	display:block;
	cursor:pointer;
	font-weight:600;
	font-size:14px;
	width:100%;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	outline:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button_outline:hover, a.button_outline:hover {border:2px solid #111;}

.button_newsletter, a.button_newsletter{
	border: none;
	background:#111;
	/* Old browsers */
	background:#111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#111 -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#111 -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#111 -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#111 -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#111 linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	color:#fff;
	height:36px;
	line-height:34px;
	padding-left:12px;
	padding-right:12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	outline:none;
	position:relative;
	top:2px;
}
.button_newsletter:hover, a.button_newsletter:hover {
	background:#336d37;
	/* Old browsers */
	background:#336d37 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#336d37 -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#336d37 -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#336d37 -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#336d37 -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#336d37 linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
}

.input-group button { height:36px; border:none; background-color:#336d37; color:#fff; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; margin-bottom:5px}
.input-group button:hover { background-color:#111; color:#fff; border:none;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border:none;}
.input-group button:focus { outline:none; border:none;}

a.button_submenu{
	border:none;
	background:#333;
	/* Old browsers */
	background:#333 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#333 -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#333 -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#333 -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#333 -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#333 linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	color:#fff;
	padding:5px 12px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	text-transform:none;
	font-size:12px;
	cursor:pointer;
	outline:none;
	font-weight:700;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
a.button_submenu:hover{
	background:#00aeef;
	/* Old browsers */
	background:#00aeef -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#00aeef -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#00aeef -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#00aeef -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#00aeef -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#00aeef linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	}
	
#submit-contact, #submit-booking{
	border:none;
	background:#336d37;
	/* Old browsers */
	background:#336d37 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#336d37 -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#336d37 -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#336d37 -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#336d37 -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#336d37 linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	color:#fff;
	padding:8px 15px;
	float:right;
	margin-right:15px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	font-size:13px;
	cursor:pointer;
	outline:none;
	font-weight:700;
	margin-bottom:20px;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#submit-contact:hover, #submit-booking:hover {
	background:#111;
	/* Old browsers */
	background:#111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* FF3.6+*/
	background:#111 -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
	/* Chrome,Safari4+*/
	background:#111 -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Chrome10+,Safari5.1+*/
	background:#111 -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* Opera11.10+*/
	background:#111 -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	/* IE10+*/
	background:#111 linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
	}

/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/
/* #Home
================================================ */
.box_container {
	/*background:#fff url(../img/mountains_3.png) repeat-x left bottom;*/
	-moz-box-shadow: 0 0 5px rgba(000, 000, 000, 0.4);
	-webkit-box-shadow: 0 0 5px rgba(000, 000, 000, 0.4);
	box-shadow: 0 0 5px rgba(000, 000, 000, 0.4);
	margin-bottom:10px;
	display:block;
	color:#333;
	position:relative;
	border: 1px solid #fff;
	margin-top:12px; /*cosecha propia */
}
.box_container a i {
	font-size:42px;
	color:#336d37;
	width:42px;
	height:42px;
	float:right; 
	margin: 0 10px 15px 20px;
}
.box_container a:hover{
	background-color: #f2f1e6;
}
	
.box_container img {
	width: 100%;
}

.box_container .txt_box_container {
	position: relative;
	width: 100%;
	bottom: 0;
	background: #fff;
	/*padding: 0 10px;*/
}

.box_container .txt_box_container p {
	color: #646464;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
}

/* gallery */
#links img{
	margin-bottom:30px;
}
.btn_gallery{
	font-size:12px; font-weight:700;
}
/* #Blog
================================================ */
.tags a {
	display:inline-block;
	margin:5px 14px 10px 0;
	height:33px;
	line-height:33px;
	background: #ededed url(../img/tag_bg.png) no-repeat 91% center;
	padding:0 28px 0 11px;
	color:#646464;	
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	transition: background .5s ease; 
}
.tags a:hover {
	background-color:#333;
	color:#fff;
	text-decoration:none;
}

ul.recent_post {
	margin-left:0;
	padding-left:0;
}
ul.recent_post li {
	padding:0 0 8px 0;
	margin-bottom:15px;
	border-bottom:1px #e7e7e7 dotted;
	color:#313131;
	list-style:none;
	line-height:18px;
	padding-bottom:15px;
	color:#888;
	font-style:italic;
}
ul.recent_post li div{
	font-weight:600;
	padding-left:25px;
	font-style:normal
}
ul.recent_post li:last-child{
	border-bottom:0;
	margin-bottom:0;
}
.post {
	margin-bottom:45px;
}
.post img {
	margin-bottom:18px;
}

.post_info {
	padding:10px 0;
	border-bottom:1px #e7e7e7 solid;
	border-top:1px #e7e7e7 solid;
	margin-bottom:12px;
	color:#555;
}

.accordion-toggle{
	color:#646464 !important;
}

.naranja{
	color:#336d37!important;
}

.post-left {float:left;}
.post-left ul {
	margin-left:0;
	padding-left:0;
}
.post-left ul li {
	float:left;
	margin-right:10px;
	list-style:none;
}
.post-right {float:right;
}
#comments {
	padding:10px 0 0px 0;
	margin-bottom:15px;	
}
#comments ul {
	padding:0;
	margin:0;
	list-style:none;	
}
#comments ol {
	padding:0;
	margin:0;
	list-style:none;
}
#comments li {
	padding:0 0 23px 0;
	list-style:none;
}
.avatar {
	float:left;
	margin-right:11px;
	
}
.avatar img {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}
.comment_right {display:table;	}
.comment_info {padding-bottom:7px;}
.comment_info span {padding:0 12px;}
#comments ol li ul li {
	padding:23px 0 0 30px;
	margin:0;
}

/* #Contact
================================================ */
#map {width:100%; height:350px;}

ul#contact-info {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
 ul#follow_us_contacts {
	list-style:none;
	padding:0;
	margin:10px 0 20px 0;
}

ul#follow_us_contacts  li {
	position:relative;
	padding-left:45px;
	height:34px;
	line-height:34px;
	margin-bottom:15px;
}
ul#follow_us_contacts  li a i{
	position:absolute;
	left:0;
	top:0;
	width:34px;
	height:34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #c6c6c7;
	color:#c6c6c7;
	display:block;
	line-height:32px;
	font-size:18px;
	text-align:center;
	font-weight:normal;
}
ul#follow_us_contacts  li a:hover i{
	border: 2px solid #333;
	color:#333;
}

/* #About us
================================================ */
ul.social_team {
	list-style:none;
	padding:0;
	margin:5px 0 15px 0;
	font-size:16px;
}
ul.social_team li{
	display:inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #ededed;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	}
/* Testimonials */
blockquote.testimonial {
	background: #f2ece1;
	border-radius: 5px;
	border: 0;
	font-family: Georgia, serif;
	font-style: italic;
	margin: 0;
	padding: 20px 15px 20px 35px;
	position: relative;
}

blockquote.testimonial:before {
	left: 7px;
	top: 5px;
	color: #336d37;
	content: "\201C";
	font-size: 60px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}

blockquote.testimonial p {
	font-family: Georgia, serif;
	font-style: italic;
	font-size:14px;
	line-height:20px;
}

blockquote.testimonial .quote {
	left: 7px;
	top: 5px;
	color: #336d37;
	content: "\201D";
	font-size: 60px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}


/* Testimonials Arrow */
.testimonial-arrow-down {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #f2f1e6;
	height: 0;
	margin: 0 0 0 25px;
	width: 0;
}

/* Testimonials Author */
.testimonial-author {
	margin: 8px 0 0 8px;
}

.testimonial-author .img-thumbnail {
	float: left;
	margin-right: 10px;
	border: none;
	padding: 0;
}

.testimonial-author .img-thumbnail img {
	max-width: 60px;
	border-radius: 4px;
}

.testimonial-author strong {
	color: #111;
	display: block;
	padding-top: 7px;
}
.testimonial-author span {
	color: #666;
	display: block;
	font-size: 12px;
}
.testimonial-author p {
	color: #999;
	margin: 0 0 0 25px;
	text-align: left;
}

.owl-theme .owl-controls .owl-page span {
	background: #336d37!important;
}


/* #Other pages
================================================ */
.price {
	font-size:42px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	border-bottom:1px solid rgba(255, 255, 255, 0.4);
	margin-bottom:15px;
	padding-bottom:15px;
}
.price_2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#777;
}
.price small{
	font-size:18px;
	font-weight:600;
}
/*============================================================================================*/
/* 3.  FORMS */
/*============================================================================================*/
/** Drop down select: ex Country select ==================== **/
.styled-select select {
   background: transparent;
   width:107%;
   padding: 5px;
   padding-left:15px;
   border: 0;
   border-radius: 0;
    box-shadow: none;
   height: 36px;
   margin:0;
  	font-weight:400;
	-moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
		color:#999;
   }
.styled-select {
   width: 100%;
      overflow:hidden;
   height: 36px;
   background: #fff url(../img/down_arrow_select.png) no-repeat  right center ;
	border:none;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
	margin-bottom:15px;
 } 
   
   .styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
	}
	
.styled-select.style_2 select {
   background: transparent;
   width:107%;
   padding: 5px;
   padding-left:15px;
   border: 0;
   border-radius: 0;
    box-shadow: none;
   height: 36px;
   margin:0;
  	font-weight:400;
	-moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
		color:#999;
   }
.styled-select.style_2 {
   width: 100%;
      overflow:hidden;
   height: 36px;
   background: #f3f3f3 url(../img/down_arrow_select.png) no-repeat  right center ;
	border:none;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
	margin-bottom:15px;
 } 
   
   .styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
	}

.loader { margin-left:5px; position:absolute;}

.error_message { color:#F33; font-weight:600; margin-bottom:4px;}

.::-moz-placeholder { color: #999; opacity:1;}
.form-control::-webkit-input-placeholder {color: #999;}

input.form-control, textarea.form-control {
	background:none;
	background-color:#fff;
	border:none;
	border-radius: 0;
	 -webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
  	color: #a0a0a0;
	height:36px;
	font-size:14px;
	font-weight:400;
	font-family: 'Lato', Arial, sans-serif;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
	line-height: 1.428571429;
	padding: 6px 12px;
}
input.form-control:focus, textarea.form-control:focus, select.form-control:focus {
  outline: 0;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
  color:#222;
}

input.form-control.style_2, textarea.form-control.style_2 {
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) inset;
  -webkit-appearance: none;
  background-color: #f3f3f3;
	  border: none;
	border-radius: 0;
	 -webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
  	color: #a0a0a0;
	height:36px;
	font-size:14px;
	font-weight:400;
	font-family: 'Lato', Arial, sans-serif;
	line-height: 1.428571429;
	padding: 6px 12px;
}
input.form-control.style_2:focus, textarea.form-control.style_2:focus, select.form-control.style_2:focus {
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset;
  outline: 0;
  color:#222;
}

label {font-weight:600;}
.input-icon{position:absolute; right:9px; top:6px; width:32px; height:24px;  text-align:right; color:#ccc; font-size:16px; line-height:24px; text-shadow:none;} 
.form-group { position:relative;}

 /** Input slider  **/  
.slider-volume {
  width: 95%;
  margin:0;
  padding:0;
}

.slider-volume > .dragger {
	width: 16px;
	height: 16px;
	margin: 0 auto;
  border: 1px solid rgba(255,255,255,0.6);

  -moz-box-shadow: 0 0px 2px 1px rgba(0,0,0,0.5), 0 2px 5px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0px 2px 1px rgba(0,0,0,0.5), 0 2px 5px 2px rgba(0,0,0,0.2);
  box-shadow: 0 0px 2px 1px rgba(0,0,0,0.5), 0 2px 5px 2px rgba(0,0,0,0.2);

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

  background: #c5c5c5;
  background: -moz-linear-gradient(90deg, rgba(180,180,180,1) 20%, rgba(230,230,230,1) 50%, rgba(180,180,180,1) 80%);
	background:	-webkit-radial-gradient(  50%   0%,  12% 50%, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0) 100%),
  	          -webkit-radial-gradient(  50% 100%, 12% 50%, hsla(0,0%,100%,.6) 0%, hsla(0,0%,100%,0) 100%),
              -webkit-radial-gradient(	50% 50%, 200% 50%, hsla(0,0%,90%,1) 5%, hsla(0,0%,85%,1) 30%, hsla(0,0%,60%,1) 100%);
}

.slider-volume > .track, .slider-volume > .highlight-track {
  height: 11px;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8, #ccc);
  background: -webkit-linear-gradient(top, #f8f8f8, #ccc);
  background: linear-gradient(top, #f8f8f8, #ccc);
  margin-left:-5px;

  -moz-box-shadow: inset 0 2px 5px 1px rgba(0,0,0,0.10), 0 1px 0px 0px rgba(230,230,230,0.4), inset 0 0 1px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 2px 5px 1px rgba(0,0,0,0.10), 0 1px 0px 0px rgba(230,230,230,0.4), inset 0 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: inset 0 2px 5px 1px rgba(0,0,0,0.10), 0 1px 0px 0px rgba(230,230,230,0.4), inset 0 0 1px 1px rgba(0,0,0,0.2);

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.slider-volume > .highlight-track {
  background-color: #c5c5c5;
  background: -moz-linear-gradient(top, #c5c5c5, #a2a2a2);
  background: -webkit-linear-gradient(top, #c5c5c5, #a2a2a2);
  background: linear-gradient(top, #c5c5c5, #a2a2a2);
}

  [class^=slider] { display: inline-block; }
  .output {  font-size: 20px; font-weight:700; color:#999; display:inline-block; margin-top:5px;}
  
  #email_newsletter.form-control { width:220px; border:none; height:35px; margin-top:-2px; }

/*============================================================================================*/
/* 4.  COMMON */
/*============================================================================================*/
.pagination > li > a,
.pagination > li > span {
  color: #336d37;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #336d37;
  border-color: #336d37;
}
.add_bottom_15 {margin-bottom:15px;}
.add_bottom_30 {margin-bottom:30px;}
.add_bottom_45 {margin-bottom:45px;}
.add_bottom_60 {margin-bottom:60px;}
.border {border-right: 1px solid #ededed;}
.breadcrumb { background:none; padding:0; font-size:12px; margin-top:0; margin-bottom:10px;}


.tp-banner-container { margin-bottom:60px; margin-top:75px;}

/* Ribbon */
.box_style_1 {
	background: #444;
	padding:35px 25px 20px 25px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	color:#fff;
	margin-bottom:25px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Ribbon */
.rectangle {
	background: #336d37;
	height: 30px;
	width:100%;
	position: relative;
	left:-26px;
	top: -10px;
	float: left;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	z-index: 9; /* the stack order: foreground */
}
.rectangle h4 {
	color: #fff;
	padding-top: 6px;
	font-weight:600;
	text-transform:uppercase;
	font-size:16px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	margin:7px 0 0 15px;
	padding:0;
}
.triangle-l {
	border-color: transparent #676005 transparent transparent;
	border-style:solid;
	border-width:10px;
	height:0px;
	width:0px;
	position: relative;
	left: -36px;
	top: 10px;
}

/* Feature Box */
.feature-box {clear: both;}

.feature-box .feature-box-icon {
	color: #336d37;
	display: inline-block;
	float: left;
	height: 63px;
	font-size:20px;
	line-height: 40px;
	margin-right: 0px;
	text-align: center;
	width: 63px;
	position: relative;
}
.feature-box .feature-box-info {
	padding-left: 90px;
}
.feature-box .feature-box-info h4{
	color: #336d37;
	font-size: 22px;
}
ul.list_ok {
	list-style:none;
	margin:0;
	padding:0;
	font-weight:600;
}
ul.list_ok li {
	margin-bottom:0;
	position:relative;
	padding-left:20px;
}
ul.list_ok li:before {
	font-family: "fontello";
	content: "\e81a";
	position:absolute;
	left:0;
	top:0;
}

hr.dashed {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px dashed #eee;
}
hr.rope {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  background:url(../img/rope2.png) repeat-x 0 0;
  height:30px;
}
hr.rope_2 {
  margin-top: 10px;
  margin-bottom: 20px;
  border: 0;
  background:url(../img/rope_2.png) repeat-x 0 0;
  height:8px;
}

.box-ribbon{
	padding:20px 15px 0px 15px;
	background: #f2f2f2; 
	margin-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #e9e9e9;
	position:relative;
}

/* carousel*/
.carousel .item{
  margin: 3px;
}
.carousel .item img{
  display: block;
  width: 100%;
  height: auto;
}

/* twitter feed*/
.tweets-next, .tweets-prev{
	display: inline-block;
	font-size: 28px;
	color: #FFF;
	margin-top:15px;
	border:1px solid #fff;
	height:32px;
	widht:32px;
}
ul.tweet_list {
	margin-left:0;
	padding-left:0;
}
.tweets-prev {margin-right:5px;}
.tweet_avatar {float:left;}
.tweet_time {display:block;margin-bottom:5px;}
.tweet-control {margin-bottom:30px;}

#waves { position:absolute;
	bottom:-1px; 
	width:100%; 
	height:38px; 
	background: url(../img/mountains_1.png) repeat-x 0 0; 
	left:0; 
	z-index:99;
}

/* scroll to top */
#toTop {width:90px;background:#fff;text-align:center;padding:5px;position:fixed; bottom:10px;right:10px;cursor:pointer; display:none;color:#222;font-size:11px; z-index:999; border: 1px solid #ededed;}

#map_wrapper {
    height: 400px;
}
#map_wrapper_2 {
    height: 260px;
}
#map_canvas {
    width: 100%;
    height: 100%;
}
.info_content {
	width:300px;
	height:150px;
	line-height:16px;
}
.info_content p{
	margin-bottom:0;
}
.media.list_1 {
	padding-bottom:5px;
}
.media.list_1.last {
	border-bottom: none;
}
.media.list_home {
	margin-bottom:5px;
}
.media.booking_course{
	margin-bottom:10px;
}
.media.booking_course p{
	font-size:12px;
	line-height:16px;
}
.media.booking_course p{
	font-size:13px;
	line-height:16px;
}

.media.booking_course .p-title{
	margin:0 0 5px 0;
}

.program h4 {
	font-weight: normal;
}

.program p {
	font-style: italic;
}

ul.list_1 {
	list-style:none;
	margin:0 0 25px 0;
	padding:0;
	font-weight:700;
	font-size:14px;
}
ul.list_1 li a {
	text-decoration:none;
	padding: 4px 0 4px 0;
	display:block;
	margin-bottom:0;
	border-bottom: 1px solid #efefef;
}
ul.list_1 li a:after {
	font-family: "fontello";
	content: "\e89b";
	float:right;
}
.picture{ position:relative;}
.magnify{ background:url(../img/zoom_1.png) no-repeat 10px 10px; display:none; height:92%; left:15px; position:absolute; top:0; width:100%; z-index:99;}

/** Collapse **/   
.panel-title a {display:block;}

/** tabs **/   
.tab-content{padding-top:15px;}

.circ-wrapper i{
	margin:0;
	padding:15px 0 0 0;
	font-weight:bold;
	color:#FFF;
	font-size:36px;
}

.circ-wrapper {
		width: 80px;
		height: 80px;
		text-align: center;
		line-height:80px;
		background:#0cbdaa;
		color:#FFF;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
			 text-shadow: rgb(10, 165, 148) 1px 1px,
    rgb(10, 165, 148)  2px 2px,
    rgb(10, 165, 148)  3px 3px,
    rgb(10, 165, 148)  4px 4px,
    rgb(10, 165, 148)  5px 5px,
    rgb(10, 165, 148)  6px 6px,
    rgb(10, 165, 148)  7px 7px,
    rgb(10, 165, 148)  8px 8px,
    rgb(10, 165, 148)  9px 9px,
    rgb(10, 165, 148)  10px 10px,
    rgb(10, 165, 148)  11px 11px,
    rgb(10, 165, 148)  12px 12px,
    rgb(10, 165, 148)  13px 13px,
    rgb(10, 165, 148)  14px 14px,
    rgb(10, 165, 148)  15px 15px,
    rgb(10, 165, 148)  16px 16px,
    rgb(10, 165, 148)  17px 17px,
    rgb(10, 165, 148)  18px 18px,
    rgb(10, 165, 148)  19px 19px,
    rgb(10, 165, 148)  20px 20px,
    rgb(10, 165, 148)  21px 21px,
    rgb(10, 165, 148)  22px 22px,
    rgb(10, 165, 148)  23px 23px,
    rgb(10, 165, 148)  24px 24px,
    rgb(10, 165, 148)  25px 25px,
    rgb(10, 165, 148)  26px 26px,
    rgb(10, 165, 148)  27px 27px,
    rgb(10, 165, 148)  28px 28px,
    rgb(10, 165, 148)  29px 29px,
    rgb(10, 165, 148)  30px 30px,
    rgb(10, 165, 148)  31px 31px,
    rgb(10, 165, 148)  32px 32px,
    rgb(10, 165, 148)  33px 33px,
    rgb(10, 165, 148)  34px 34px,
    rgb(10, 165, 148)  35px 35px,
    rgb(10, 165, 148)  36px 36px,
    rgb(10, 165, 148)  37px 37px,
    rgb(10, 165, 148)  38px 38px,
    rgb(10, 165, 148)  39px 39px,
    rgb(10, 165, 148)  40px 40px,
    rgb(10, 165, 148)  41px 41px,
    rgb(10, 165, 148)  42px 42px,
    rgb(10, 165, 148)  43px 43px,
    rgb(10, 165, 148)  44px 44px,
    rgb(10, 165, 148)  45px 45px,
    rgb(10, 165, 148)  46px 46px,
    rgb(10, 165, 148)  47px 47px,
    rgb(10, 165, 148)  48px 48px,
    rgb(10, 165, 148)  49px 49px,
    rgb(10, 165, 148)  50px 50px,
    rgb(10, 165, 148)  51px 51px,
    rgb(10, 165, 148)  52px 52px,
    rgb(10, 165, 148)  53px 53px,
    rgb(10, 165, 148)  54px 54px,
    rgb(10, 165, 148)  55px 55px,
    rgb(10, 165, 148)  56px 56px,
    rgb(10, 165, 148)  57px 57px,
    rgb(10, 165, 148)  58px 58px,
    rgb(10, 165, 148)  59px 59px,
    rgb(10, 165, 148)  60px 60px,
    rgb(10, 165, 148)  61px 61px,
    rgb(10, 165, 148)  62px 62px,
    rgb(10, 165, 148)  63px 63px,
    rgb(10, 165, 148)  64px 64px,
    rgb(10, 165, 148)  65px 65px,
    rgb(10, 165, 148)  66px 66px,
    rgb(10, 165, 148)  67px 67px,
    rgb(10, 165, 148)  68px 68px,
    rgb(10, 165, 148)  69px 69px,
    rgb(10, 165, 148)  70px 70px,
    rgb(10, 165, 148)  71px 71px,
    rgb(10, 165, 148)  72px 72px,
    rgb(10, 165, 148)  73px 73px,
    rgb(10, 165, 148)  74px 74px,
    rgb(10, 165, 148)  75px 75px,
    rgb(10, 165, 148)  76px 76px,
    rgb(10, 165, 148)  77px 77px,
    rgb(10, 165, 148)  78px 78px,
    rgb(10, 165, 148)  79px 79px,
    rgb(10, 165, 148)  80px 80px,
    rgb(10, 165, 148)  81px 81px,
    rgb(10, 165, 148)  82px 82px,
    rgb(10, 165, 148)  83px 83px,
    rgb(10, 165, 148)  84px 84px,
    rgb(10, 165, 148) 85px 85px,
    rgb(10, 165, 148) 86px 86px;
	}
	
	.circ-wrapper.red {
		width: 80px;
		height: 80px;
		text-align: center;
		line-height:80px;
		background: #f26965;
		color:#FFF;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
			 text-shadow: rgb(201, 87, 84) 1px 1px,
    rgb(201, 87, 84)  2px 2px,
    rgb(201, 87, 84)  3px 3px,
    rgb(201, 87, 84)  4px 4px,
    rgb(201, 87, 84)  5px 5px,
    rgb(201, 87, 84)  6px 6px,
    rgb(201, 87, 84)  7px 7px,
    rgb(201, 87, 84)  8px 8px,
    rgb(201, 87, 84)   9px 9px,
    rgb(201, 87, 84)  10px 10px,
    rgb(201, 87, 84)  11px 11px,
    rgb(201, 87, 84)  12px 12px,
    rgb(201, 87, 84)  13px 13px,
    rgb(201, 87, 84)  14px 14px,
    rgb(201, 87, 84)  15px 15px,
    rgb(201, 87, 84)  16px 16px,
    rgb(201, 87, 84)  17px 17px,
    rgb(201, 87, 84)  18px 18px,
    rgb(201, 87, 84)  19px 19px,
    rgb(201, 87, 84)  20px 20px,
    rgb(201, 87, 84)  21px 21px,
    rgb(201, 87, 84)  22px 22px,
    rgb(201, 87, 84)  23px 23px,
    rgb(201, 87, 84)  24px 24px,
    rgb(201, 87, 84)  25px 25px,
    rgb(201, 87, 84)  26px 26px,
    rgb(201, 87, 84)  27px 27px,
    rgb(201, 87, 84)  28px 28px,
    rgb(201, 87, 84)  29px 29px,
    rgb(201, 87, 84)  30px 30px,
    rgb(201, 87, 84)  31px 31px,
    rgb(201, 87, 84)  32px 32px,
    rgb(201, 87, 84)  33px 33px,
    rgb(201, 87, 84)  34px 34px,
    rgb(201, 87, 84)  35px 35px,
    rgb(201, 87, 84)  36px 36px,
    rgb(201, 87, 84)  37px 37px,
    rgb(201, 87, 84)  38px 38px,
    rgb(201, 87, 84)  39px 39px,
    rgb(201, 87, 84)  40px 40px,
    rgb(201, 87, 84)  41px 41px,
    rgb(201, 87, 84)  42px 42px,
    rgb(201, 87, 84)  43px 43px,
    rgb(201, 87, 84)  44px 44px,
    rgb(201, 87, 84)  45px 45px,
    rgb(201, 87, 84)  46px 46px,
    rgb(201, 87, 84)  47px 47px,
    rgb(201, 87, 84)  48px 48px,
    rgb(201, 87, 84)  49px 49px,
    rgb(201, 87, 84)  50px 50px,
    rgb(201, 87, 84)  51px 51px,
    rgb(201, 87, 84)  52px 52px,
    rgb(201, 87, 84)  53px 53px,
    rgb(201, 87, 84)  54px 54px,
    rgb(201, 87, 84)  55px 55px,
    rgb(201, 87, 84)  56px 56px,
    rgb(201, 87, 84)  57px 57px,
    rgb(201, 87, 84)  58px 58px,
    rgb(201, 87, 84)  59px 59px,
    rgb(201, 87, 84)  60px 60px,
    rgb(201, 87, 84)  61px 61px,
    rgb(201, 87, 84)  62px 62px,
    rgb(201, 87, 84)  63px 63px,
    rgb(201, 87, 84)  64px 64px,
    rgb(201, 87, 84)  65px 65px,
    rgb(201, 87, 84)  66px 66px,
    rgb(201, 87, 84)  67px 67px,
    rgb(201, 87, 84)  68px 68px,
    rgb(201, 87, 84)  69px 69px,
    rgb(201, 87, 84)  70px 70px,
    rgb(201, 87, 84)  71px 71px,
    rgb(201, 87, 84)  72px 72px,
    rgb(201, 87, 84)  73px 73px,
    rgb(201, 87, 84)  74px 74px,
    rgb(201, 87, 84)  75px 75px,
    rgb(201, 87, 84)  76px 76px,
    rgb(201, 87, 84)  77px 77px,
    rgb(201, 87, 84)  78px 78px,
    rgb(201, 87, 84)  79px 79px,
    rgb(201, 87, 84)  80px 80px,
    rgb(201, 87, 84)  81px 81px,
    rgb(201, 87, 84)  82px 82px,
    rgb(201, 87, 84)  83px 83px,
    rgb(201, 87, 84)  84px 84px,
    rgb(201, 87, 84) 85px 85px,
    rgb(201, 87, 84) 86px 86px;
	}
	
	.circ-wrapper.blue {
		width: 80px;
		height: 80px;
		text-align: center;
		line-height:80px;
		background: #00aeef;
		color:#FFF;
		overflow:hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
			 text-shadow: rgb(0, 139, 192) 1px 1px,
    rgb(0, 139, 192)  2px 2px,
    rgb(0, 139, 192)  3px 3px,
    rgb(0, 139, 192)  4px 4px,
    rgb(0, 139, 192)  5px 5px,
    rgb(0, 139, 192)  6px 6px,
    rgb(0, 139, 192)  7px 7px,
    rgb(0, 139, 192)  8px 8px,
    rgb(0, 139, 192)   9px 9px,
    rgb(0, 139, 192)  10px 10px,
    rgb(0, 139, 192)  11px 11px,
    rgb(0, 139, 192)  12px 12px,
    rgb(0, 139, 192)  13px 13px,
    rgb(0, 139, 192)  14px 14px,
    rgb(0, 139, 192)  15px 15px,
    rgb(0, 139, 192)  16px 16px,
    rgb(0, 139, 192)  17px 17px,
    rgb(0, 139, 192)  18px 18px,
    rgb(0, 139, 192)  19px 19px,
    rgb(0, 139, 192)  20px 20px,
    rgb(0, 139, 192)  21px 21px,
    rgb(0, 139, 192)  22px 22px,
    rgb(0, 139, 192)  23px 23px,
    rgb(0, 139, 192)  24px 24px,
    rgb(0, 139, 192)  25px 25px,
    rgb(0, 139, 192)  26px 26px,
    rgb(0, 139, 192)  27px 27px,
    rgb(0, 139, 192)  28px 28px,
    rgb(0, 139, 192)  29px 29px,
    rgb(0, 139, 192)  30px 30px,
    rgb(0, 139, 192)  31px 31px,
    rgb(0, 139, 192)  32px 32px,
    rgb(0, 139, 192)  33px 33px,
    rgb(0, 139, 192)  34px 34px,
    rgb(0, 139, 192)  35px 35px,
    rgb(0, 139, 192)  36px 36px,
    rgb(0, 139, 192)  37px 37px,
    rgb(0, 139, 192)  38px 38px,
    rgb(0, 139, 192)  39px 39px,
    rgb(0, 139, 192)  40px 40px,
    rgb(0, 139, 192)  41px 41px,
    rgb(0, 139, 192)  42px 42px,
    rgb(0, 139, 192)  43px 43px,
    rgb(0, 139, 192)  44px 44px,
    rgb(0, 139, 192)  45px 45px,
    rgb(0, 139, 192)  46px 46px,
    rgb(0, 139, 192)  47px 47px,
    rgb(0, 139, 192)  48px 48px,
    rgb(0, 139, 192)  49px 49px,
    rgb(0, 139, 192)  50px 50px,
    rgb(0, 139, 192)  51px 51px,
    rgb(0, 139, 192)  52px 52px,
    rgb(0, 139, 192)  53px 53px,
    rgb(0, 139, 192)  54px 54px,
    rgb(0, 139, 192)  55px 55px,
    rgb(0, 139, 192)  56px 56px,
    rgb(0, 139, 192)  57px 57px,
    rgb(0, 139, 192)  58px 58px,
    rgb(0, 139, 192)  59px 59px,
    rgb(0, 139, 192)  60px 60px,
    rgb(0, 139, 192)  61px 61px,
    rgb(0, 139, 192)  62px 62px,
    rgb(0, 139, 192)  63px 63px,
    rgb(0, 139, 192)  64px 64px,
    rgb(0, 139, 192)  65px 65px,
    rgb(0, 139, 192)  66px 66px,
    rgb(0, 139, 192)  67px 67px,
    rgb(0, 139, 192)  68px 68px,
    rgb(0, 139, 192)  69px 69px,
    rgb(0, 139, 192)  70px 70px,
    rgb(0, 139, 192)  71px 71px,
    rgb(0, 139, 192)  72px 72px,
    rgb(0, 139, 192)  73px 73px,
    rgb(0, 139, 192)  74px 74px,
    rgb(0, 139, 192)  75px 75px,
    rgb(0, 139, 192)  76px 76px,
    rgb(0, 139, 192)  77px 77px,
    rgb(0, 139, 192)  78px 78px,
    rgb(0, 139, 192)  79px 79px,
    rgb(0, 139, 192)  80px 80px,
    rgb(0, 139, 192)  81px 81px,
    rgb(0, 139, 192)  82px 82px,
    rgb(0, 139, 192)  83px 83px,
    rgb(0, 139, 192)  84px 84px,
    rgb(0, 139, 192) 85px 85px,
    rgb(0, 139, 192) 86px 86px;
	}
	.circ-wrapper i.icon-4x{
		font-size:40px;
	}
.video{
	width:100%;
	 height: 350px;
	 border:0;
}
ul.data-lessons {
	margin-left:0;
	padding-left:0;
	margin-bottom:25px;
}
ul.data-lessons li{
	display:inline-block;
	margin-left:5px;
	padding-left:8px;
	border-left: 1px solid #ccc;
	line-height:16px;
	zoom: 1; *display: inline;
}

ul.data-lessons  li:first-child{
	border-left: none;
	margin-left:0;
	padding-left:0;
}
p.no_margin { padding:0; margin:0; }
hr.no_margin { margin-top:0;}
a.no_margin_bottom,.no_margin_bottom { margin-bottom:0;}

/* Retina images */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
/*a#logo {background:url(../img/logo@2x.png) no-repeat 0 0;background-size:80px 69px;}*/

/*
#waves { background: url(../img/mountains_1@2x.png) repeat-x 0 0; background-size:424px 38px;}
#footer_waves {background:url(../img/mountains_2@2x.png) repeat-x 0 1px;background-size:424px 37px;}
.box_container a{background:#fff url(../img/mountains_3@2x.png) repeat-x left bottom;background-size:424px 38px;}
*/

	/*.sloganHea {
		top:50px;
		left: 50%;
	}*/

}
/*============================================================================================*/
/* 5.  MEDIA QUERIES */
/*============================================================================================*/

@media (min-width: 768px) and (max-width: 1200px) {
.btn_gallery{display:none;}
}
@media (min-width: 768px) and (max-width: 979px) {
.border {border-right: none;}
.btn_gallery{display:none;}
.btn-group#gallery_btn_set{
	margin-top:-18px;
}
}
	
/* From tablet portrait to mobile */
@media (max-width: 767px)  {
.modal {-webkit-overflow-scrolling: touch; z-index: 9999;}
header {position:relative;}
#slider_home.tp-banner-container {margin-bottom:20px; margin-top:0;}
.tp-banner-container {margin-bottom:20px; margin-top:0;}
#lang {
	margin-top:0;
	position:absolute;
	top:10px;
	right:20px;
	z-index:-1;
}

div#top_slogan {
	text-align: center;
}
div#top_slogan img {
	margin: 30px 0 0 0;
	width: 100%;
}

ul#top_nav {
	list-style:none;
	padding:0;
	margin:2px 0 0 0;
	font-size:12px;
	float:right;
	
	
}
ul#top_social_nav {
	margin:-20px 0 0 0;
}
.border {border-right: none;}
.btn_gallery{display:none;}
.button_newsletter, a.button_newsletter{ margin-top:5px;}

h1, h2{ font-size:30px; line-height:32px;}

.row_menu_inferior {
	width: 110%;
	clear: both;
	text-align: left!important;
}
.menu_inferior .redes_pie {
	margin-top: 10px;
}
.address {
	clear: both;
	position: relative;
	right: 0;
	text-align: left;
	top: 10px;
}

}	

/* Mobile portrait */
@media (max-width: 480px) {

.media.list_1 > .pull-left, .media.list_1 > .pull-right{float:none !important; margin-bottom:15px; margin-left:0; margin-right:0;}
#slider_home.tp-banner-container {margin-bottom:20px; margin-top:0;}
.tp-banner-container {margin-bottom:0; margin-top:10px;}

#lang a.dropdown-toggle{
	color:rgba(0,0,0,.5);
}
ul.data-lessons li{
	display:block;
	margin-left:0;
	padding-left:0;
	border-left: 0;
	margin-top:5px;
}

}


.clear {
	clear: both;
	margin-top: 100px;
}

.prize_box {
	background: url(../img/back_prize.png) no-repeat #336d37;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	text-align: center;
}

.prize_box h2 {
	padding: 20px 0 0 0;
	color: #fff;
	font-weight: bold;
}
.prize_box h2.sec {
	padding: 0 0 20px 0;
}
.prize_box h2.secMot {
	padding: 0 0 0 0;
}
.prize_box h2.ter {
	padding: 0 0 20px 0;
}

.prize_box small {
	color: #fff;
	display: block;
	font-size: 20px;
	font-style: italic;
	margin-bottom: 10px;
}

aside form {
	background-color: #336d37;
	font-size: 16px;
	font-weight: bold;
	margin-bottom:20px;
	border-radius: 10px;
}


aside .etiquetaEstandar {
	width:150px;
	color:#fff;
	margin-left:20px;
	font-size:16px;
	border-bottom-width: 0px;
}

aside .cajaLarga {
	width:220px;
	color:#000;
	margin-left:20px;
	font-size:16px;	
}

aside .cajaObservaciones {
	width:220px;
	color:#000;
	margin-left:20px;
	font-size:16px;
	margin-bottom:10px;	
}

aside .botonReserva {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: 336d37;
	background: #fff;
	border: 0px;
	width: 100px;
	border-radius: 10px;
	height: 25px;
	
	margin-left:90px;
	margin-bottom:10px;
}

aside h2 {
	color: #336d37;
	font-size: 22px;
	font-weight: bold;
}

aside h3 {
	color: #336d37;
	font-size: 16px;
	font-weight: bold;
}

.withCheck ul,
aside ul {
	margin: 0;
	padding: 0 0 0 20px;
}
.withCheck li,
aside li {
	list-style-image: url('../img/check_list.png');
	margin-bottom: 15px;
	padding-left: 5px;
	font-style: italic;
}

.withCheck li {
	margin-bottom: 5px;
}

.aside_contact {
	margin-bottom: 10px;
	display: block;
}

.aside_contact a {
	color: #646464;
}

.aside_contact img {
	margin-right: 10px;
}

aside .btn-primary, #submit-contact {
	background: url(../img/back_bt.png) repeat-x #bd914b;
	border: none;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 10px;
}
aside .btn-primary:active {
	background: url(../img/back_bt.png) repeat-x #bd914b;
	
}

.center {
	text-align: center;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f2ece1;
}

.table-striped td:first-child {
	text-align: right;
	border-right: 1px solid #ddd;
}

.rowTarifas ul {
	padding: 0;
	margin: 0 0 0 10px;
}
.rowTarifas li {
	list-style-type: circle;
	padding: 0;
	margin: 0;
}

.rowTarifas img {
	width: 100%;
}

h5 {
	font-size: 22px;
	color: #000;
}

.txtDest {
	font-size: 24px;
	color: #336d37;
	text-align: center;
	margin-top: 50px;
}
.txtDest strong{
	font-size: 44px;
}
.txtCompartir {
	text-align: center;
}
.txtCompartir h4 {
	font-size: 25px;
}

.txtCompartir a:link, .txtCompartir a:visited, .txtCompartir a:hover, .txtCompartir a:active {
	color:#336d37;
	font-size:16px;
	font-weight:bold;
}

.txtDest .small {
	font-size: 14px;
	font-style: italic;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.materialTable {
	text-align: center;
	font-size: 12px;
}
.materialTable th {
	text-align: center;
	padding: 0 10px;
}
.materialTable th:first-child {
	padding: 0 180px 0 0;
}

.materialTable td {
	padding: 3px 0;
}
.materialTable tr.noSepBot td {
	padding: 3px 0 0 0;
}
.materialTable tr.noSepTop td {
	padding: 0 0 3px 0;
}
.materialTable td:first-child {
	text-align: left;
}
.sloganHea {
	position: absolute;
	left: 25%;
}
            
.imgCenter {
	text-align: center;
}

.contactInfo {
	clear:both;
	float:right;
	color:#00;
}

.contactInfo a:link, .contactInfo a:visited, .contactInfo a:hover, .contactInfo a:active {
	color:#000;
	font-weight:bold;
}

@media (max-width: 767px)  {
	.address {
		width: 100%;
		text-align: center;
	}	

	.redes_pie {
		float: none;
		text-align: center;
		width: 100%;
	}

	.contactInfo {
		float:none;
	}

	.address .logos {
		text-align: center;
	}

	.logAac {
		display: none;
	}
}


/**************************************/
/***********APARTADO FOTOS*************/
/**************************************/

/* GALERIA */
.titulargaleria {
	width: 100%;
	font-size: 2.20em;
	margin-bottom:10px;
	color: #336d37;
	
}

.titulargaleria a:link, .titulargaleria a:hover, .titulargaleria a:active, .titulargaleria a:visited {
	text-decoration: none;
	color: #00F;
	font-size:1em;

}




.iniciogal {
	float:left;
	width: 23px;
	height: 116px;
	background-image:url(../images/apartadoFotos/negativo1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:10px;
}
.imagengal {
	float:left;
	width: 124px;
	height: 116px;
	background-image:url(../images/apartadoFotos/negativo2.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:10px;
}
.fingal {
	float:left;
	width: 24px;
	height: 116px;
	background-image:url(../images/apartadoFotos/.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:10px;
}
.imagennegativo {
	width: 120px;
	height: 81px;
	margin: 17px 0px 0px 2px;
	background-color:#FFF;
}



.imagennegativo span.tooltip {display: none;} 
.imagennegativo:hover span.tooltip { 
background: rgba(128,0,0, .6); 
color:#000000; 
font-size:1em; 
width: 120px;
height: 81px;

} 


a.opacidad img {
float:left;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; 
z-index:1; }

a.opacidad:hover img {
	float:left;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
 }


.menuanios {
	float:left;
	width: auto;
	height: 20px;
	margin-right:8px;
	margin-bottom:10px;
	margin-top:5px;
	padding:0px 10px 6px 10px;
	font-weight:bold;
	font-size:16px;
	background-color:#336d37;
	border:1px solid #000000;
	color:#fff;
		
}

.menuanios img {
	margin-right:5px;
	margin-top:-5px;	
}
/*
.menuanios:link {
	text-decoration: none;
	color: #3B84E8;
	
	
}

.menuanios:hover {
	text-decoration: none;
	color: #2a2a2a;

}

 .menuanios:active {
	text-decoration: none;
	color: #2a2a2a;
} 
.menuanios:visited {
	text-decoration: none;
	color: #000;
}*/

.menuanios a:link {
	text-decoration: none;
	color: #FFF;
	font-size:1em;
}

.menuanios a:hover {
	text-decoration: underline;
	color: #FFF;

}
.menuanios a:active {

	text-decoration: none;
	color: #FFF;
}
.menuanios a:visited {

	text-decoration: none;
	color: #FFF;
}

.cartelinterior {
	float:right;
	width:100%;
	font-size:16px;
	
}
.cartelinterior img {
	float:left;
	border: 1px solid #CCCCCC;
	margin-right:10px;
}

.cartelinteriortitular {
	font-size: 3.20em;
	letter-spacing: -0.05em;
	line-height: 1em;
	color: #000;
	font-weight:900em; 
	margin-bottom:20px;	
}


/******Fecha con día de la semana********/

.albumFotosfechaConDiaSem {
	float:left;
	width: auto;
	height: auto;
	margin-bottom:5px;
	margin-right:50px;
	padding:2px 7px 2px 7px;
	font-weight:bold;
	font-size:18px;
}

.imgComoLetraCapital{ 
   float:left;
   background:white;
   
   line-height:20px;
   padding:2px;
   margin-right: 5px;
}

/*********************************************/
/****************RUTAS************************/
/*********************************************/

.botonRutas {
	border:1px solid #000;
	background-color:#336d37;
	padding:3px;
	width:1auto;
	float:left;
	margin-right:20px;
	margin-top:30px;
	
}

.botonRutas a:link, .botonRutas a:active, .botonRutas a:visisted {
	color:#fff;
}

/******Descargas de eventos************/
.contenedorDescargasEventos {
	
	position:relative;
	width:100px;
	float:left;
	margin-right:15px;
	padding-left:10px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid #000000;
	-webkit-box-shadow: 0px 10px 0px 0px rgba(201,187,201,1);
	-moz-box-shadow: 0px 10px 0px 0px rgba(201,187,201,1);
	box-shadow: 0px 10px 10px 0px rgba(201,187,201,1);
	margin-bottom:15px;
	
}

/******Descargas************/
.contenedorDescargas {
	
	position:relative;
	
	float:left;
	margin-right:15px;
	padding-left:10px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	
	/*-webkit-box-shadow: 0px 10px 0px 0px rgba(201,187,201,1);
	-moz-box-shadow: 0px 10px 0px 0px rgba(201,187,201,1);
	box-shadow: 0px 10px 10px 0px rgba(201,187,201,1);
	margin-bottom:15px; */
	
}

.iconoEnDescargas {
	width:75px;
	
}

.textoEnDescargas {
	width:75px;
	
}

.dibujoRutaEnDescargas{ 
   float:left;
   width:120px;
   line-height:20px;
   padding:2px;
   margin-right: 30px;
   -webkit-box-shadow: 0px 10px 0px 0px rgba(201,187,201,1);
	-moz-box-shadow: 0px 10px 0px 0px rgba(201,187,201,1);
	box-shadow: 0px 10px 10px 0px rgba(201,187,201,1);
}

.contenedorPdfEnDescargas {
   float:left;
   line-height:20px;
   padding:2px;
   margin-right: 5px;
   margin-left:15px;
   font-size:16px;
   -webkit-box-shadow: 0px 10px 0px 0px rgba(201,187,201,1);
	-moz-box-shadow: 0px 10px 0px 0px rgba(201,187,201,1);
	box-shadow: 0px 10px 10px 0px rgba(201,187,201,1);
}
.pdfRutaEnDescargas {
   float:left;
  
 }

.textoPdfEnDescargas {
	float:left;
	font-size:16px;
	width:75px;
	margin-left:3px;
}

/*LETREROS */
.Azul, .Roja, .Naranja, .Verde, .Amarilla, .Gris, .Tierra{
	float: left;
	width: 70px;
	height: 20px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
	border-radius: 2px;
	font-weight: bold;	
}

.Azul {
	color: #FFF;
	background-color: #00F;
}

.Roja {
	color: #FFF;
	background-color: #F00;	
}

.Naranja {
	color: #000;
	background-color: #FC0;
	
}

.Verde {
	color: #FFF;
	background-color: #090;
}

.Amarilla {
	color: #000;
	background-color: #FF0;	
}

.Gris {
	color: #aaa0a2;
	background-color: #aaa0a2;	
}

.Tierra {
	color: #9f6b18;
	background-color: #9f6b18;	
}

/**********cruces ******************/
.iconotramo {
	float:left;
	height:40px;
	border-right: 1px solid #CCCCCC;
	padding: 0px 15px 0px 0px;
	margin-top:10px;
	margin-right:15px;
	font-size: 1em;
	color:#000;


}

/**********Cuentakilómetros************/
.contenedorCuentakilometros {
	
	margin-top:5px;
	width: 80px;
	height: 22px;
	border:1px solid #FFF;
	background-color: #CCC;
	border-radius: 5px;	
}

.cuentakilometrosIndividualCentena, .cuentakilometrosIndividualDecena, .cuentakilometrosIndividualUnidad, .cuentakilometrosIndividualDecimal {
	width: 17px;
	height: 22px;
	float:left;
	background-color: #000;
	color:#fff;
	border-radius: 5px;
	text-align: center;
	font-size:1.2em;
	padding-top: 1px;
	margin-left: 2px;
}

.cuentakilometrosIndividualCentena {
	margin-top: 1px;
}

.cuentakilometrosIndividualDecena {
	margin-top: 0px;
}

.cuentakilometrosIndividualUnidad {
	margin-top: 1px;
}

.cuentakilometrosIndividualDecimal {
	background-color: #F00;
	margin-top: 1px;
}


/***************MOJONES****************/
.contenedormojonAzul, .contenedormojonRoja, .contenedormojonNaranja, .contenedormojonVerde, .contenedormojonAmarilla, .contenedormojonGris {
	float:left;
	width: auto;
	height: 50px;
	margin-top:10px;
	background-repeat: no-repeat;
	background-position: left top;	
}

.contenedormojonAzul {
	background-image: url(https://motorutas.com/img/img_rutas/img_mojones/Azul.png);
}

.contenedormojonRoja {
	background-image: url(https://motorutas.com/img/img_rutas/img_mojones/Roja.png);
}

.contenedormojonNaranja {
	background-image: url(https://motorutas.com/img/img_rutas/img_mojones/Naranja.png);
}

.contenedormojonVerde {
	background-image: url(https://motorutas.com/img/img_rutas/img_mojones/Verde.png);
}

.contenedormojonAmarilla {
	background-image: url(https://motorutas.com/img/img_rutas/img_mojones/Amarilla.png);
}

.contenedormojonGris {
	background-image: url(https://motorutas.com/img/img_rutas/img_mojones/Gris.png);
}

.textopequenoMojon {
	float:left;
	width: 25px;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin-left:3px;
	padding-top: 25px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
.textograndeMojon {
	float:left;
	width: 100px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	margin-left:4px;
	padding-top: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:3px;
	
}

/**********Cajas para los datos generales de ruta ******************/

.box_container_general_tramo {
	font-size:18px;
	margin-bottom:10px;
	display:block;
	color:#333;
	position:relative;
	margin-top:50px;
	
	
}
.box_container_general_tramo a i {
	font-size:42px;
	color:#336d37;
	width:42px;
	height:42px;
	float:right; 
	margin: 0 10px 15px 20px;
}
.box_container_general_tramo a:hover{
	background-color: #f2f1e6;
}
	
.box_container_general_tramo img {
	width: 100%;
	
}

.box_container_general_tramo .txt_box_container_general_tramo {
	position: relative;
	width: 100%;
	bottom: 0;
	background: #fff;
	/*padding: 0 10px;*/
}

.box_container_general_tramo .txt_box_container_general_tramo p {
	color: #646464;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
}

/******Perfiles*********/

.box_container_perfil_tramo {
	font-size:18px;
	margin-bottom:10px;
	display:block;
	color:#333;
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
	
}

	
.box_container_perfil_tramo img {
	width: 100%;
	
}

/*************mapa de ruta ************/
.google-maps {
	position: relative;
	padding-bottom: 3%; // This is the aspect ratio
	height: 0;
		
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
		
}

/**********Cajas para los tramos de ruta ******************/

.box_container_tramo {
	/*background:#fff url(../img/mountains_3.png) repeat-x left bottom;*/
	
	margin-bottom:10px;
	display:block;
	color:#333;
	position:relative;
	margin-top:20px; /*cosecha propia */
	padding-left:5px;
	padding-right:5px;
}


.box_container_tramo a i {
	font-size:42px;
	color:#336d37;
	width:42px;
	height:42px;
	float:right; 
	margin: 0 10px 15px 20px;
}

.box_container_tramo a:link, .box_container_tramo a:visited{
	color: #00F;
	font-weight:bold;
}

.box_container_tramo a:hover{
	background-color: #f2f1e6;
}
	
.box_container_tramo img {
	width: 100%;
	-webkit-box-shadow: 10px 10px 13px 0px rgba(179,168,179,1);
-moz-box-shadow: 10px 10px 13px 0px rgba(179,168,179,1);
box-shadow: 10px 10px 13px 0px rgba(179,168,179,1);
	
}

.box_container_tramo .txt_box_container_tramo {
	position: relative;
	width: 100%;
	bottom: 0;
	background: #fff;
	/*padding: 0 10px;*/
}

.box_container_tramo .txt_box_container_tramo p {
	color: #646464;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 10px;
}


/************************************/
/*********ALQUILER MOTOS ************/
/************************************/

.container_principal_alquiler {
	margin-top:25px;
	position:relative;
	min-height:1px;
	padding-left:15px;
	padding-right:15px;
}

.alquilerMotoExplicacion {
	margin-bottom:20px;
	font-size:16px;
	font-weight:200;
	line-height:1.4;
	color:#000;
}

@media (min-width:768px){
	.alquilerMotoExplicacion{
		font-size:21px
	}
}

.alquilerMotoExplicacion a:link,  .alquilerMotoExplicacion a:hover, .alquilerMotoExplicacion a:active, .alquilerMotoExplicacion a:visited {
	color:#336d37;
	font-size:25px;	
}


/* carousel*/
.motoEnAlquiler {
  margin: 3px;
}
.motoEnAlquiler img{
  display: block;
  width: 100%;
  height: auto;
}

.avatarMotero {
	float:right;
}

/************************************/
/**************COMUNIDAD ************/
/************************************/
.etiquetaPerfil {
	Width: 150px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

.cajaPefil { 
	float:left;
	width:240px;
	height:26px;
	font-size:14px;
	margin:4px 20px 2px 0px;
	padding-top:3px;
	padding-bottom:3px;
	
}

.desplegablePerfil{ 
	float:left;
	width:240px;
	height:24px;
	font-size:14px;
	margin:4px 0px 2px 0px;
	
}

.grupoRadioButtonPefilMotero {
	float:left;
	width:150px;
	padding-top:5px;
	margin-left:20px;
	
}


.box_container_foto_Perfil {
	/*background:#fff url(../img/mountains_3.png) repeat-x left bottom;*/
	margin-bottom:10px;
	display:block;
	color:#333;
	position:relative;
	margin-top:20px; /*cosecha propia */
	padding-left:5px;
	padding-right:5px;
	font-size:30px;
	line-height: 1.2;
	
}

.box_container_foto_Perfil img {
	-webkit-box-shadow: 2px 3px 13px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 3px 13px -1px rgba(0,0,0,0.75);
	box-shadow: 2px 3px 13px -1px rgba(0,0,0,0.75);
	margin-bottom:10px; 
}

.box_container_digito_Perfil {
	
	margin-bottom:10px;
	display:block;
	color:#333;
	position:relative;
	margin-top:10px; 
	padding-left:5px;
	padding-right:5px;
	
}

.box_container_digito_Perfil img {
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
}

.box_container_cambiar_Imagen_Perfil {
	
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	background: #638cb5;
	border: 0px;
	border-radius: 15px;
	height: 30px;
	margin-top: 20px;
	width:170px;
	padding-top:5px;
	
}



.box_container_cambiar_Imagen_Perfil a:link{
	color: white;
	background: #638cb5;
	
}

.box_container_cambiar_Imagen_Perfil a:hover{
	color: #EBDADA;
	background-color: #8CAAC8;	
	
}

.botonSubirFoto {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	background: #638cb5;
	border: 0px;
	width: 150px;
	border-radius: 10px;
	height: 25px;
	margin-top: 20px;
	margin-left:220px;
}

.grupoRadioButtonPubli {
	float:left;
	padding-top:5px;
	margin-left:20px;
	
}

/************************************/
/******ORGANIZACION DE EVENTOS*******/
/************************************/
.etiquetaEstandarOrganismo {
	Width: 120px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;

}

.etiquetaLargaOrganismo {
	Width: 200px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;

}

.etiquetaDiasEliminacion {
	Width: 255px;
	height: 26px;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-left:-15px;
	float: left;
	text-align: left;
	color: #000;
	
	

}

.cajaEstandarOrganismo{ /* caracteristicas estandar para los cuadros de texto */
	float:left;/* Importante, para la alineación */
	width:340px;
	height:26px;
	font-size:14px;
	margin:4px 20px 2px 0px;
	padding-top:3px;
	padding-bottom:3px;
	
}

.cajaNCuentaOrganismo{ /* caracteristicas estandar para los cuadros de texto */
	float:left;/* Importante, para la alineación */
	width:40px;
	height:26px;
	font-size:14px;
	margin:5px 20px 5px 0px;
}

.cajaNCuentaEvento{ /* caracteristicas estandar para los cuadros de texto */
	float:left;/* Importante, para la alineación */
	width:40px;
	height:26px;
	font-size:14px;
	margin:5px 13px 5px 0px;
}

.desplegableProvinciaOrganismo{ 
	float:left;/* Importante, para la alineación */
	width:340px;
	height:26px;
	font-size:14px;
	margin:4px 0px 2px 0px;
}

.iconoayudaOrganismo {
	width: 20px;
	float:left;
	margin-top:7px;
}

.grupoOpcionesOrganismo {
	width:488px;
	height:50px;
	float:left;
}

.contenedorMostrarNumeroCuentaOrganismo {
	float:left;
	width:340px;
	height:60px;
	border:1px solid #837B7B;
	
	margin:4px 20px 2px 125px;
}

.etiquetaMostrarCuentaOrganismo {
	Width: 320px;
	height: 20px;
	font-size: 14px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
		
}

.radiobutonOrganismo {
	width:18px;
	font-size: 12px;
	margin-left:0px;
	border:none;
	margin-right:5px;
	float:left;
}

.textoRadioButtonOrganismo {
	font-size: 14px;
	width:20px;
	margin-top:1px;
	margin-bottom:2px;
	margin-right:40px;
	float:left;
}

.botonAltaOrganismo {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	background: #638cb5;
	border: 0px;
	width: 100px;
	border-radius: 10px;
	height: 25px;
	margin-top: 20px;
	
}

.logoMotoclub {
	float:right;
	margin-top:20px;
}

.logoMotoclub img{
	-webkit-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
}

.botonMenu {
	float:left;
	background: #638cb5;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	margin-right:20px;
	
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
}

.botonMenu a:link, .botonMenu a:visited, .botonMenu a:hover, .botonMenu a:active {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	text-align:center;
}

.botonInscripcion {
	
	background: #638cb5;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	margin-right:20px;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
}

.botonInscripcion a:link, .botonInscripcion a:visited, .botonInscripcion a:hover, .botonInscripcion a:active {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}

.botonModificarInscripcion {
	
	background: #638cb5;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	margin-right:20px;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
	float:left;
}

.botonModificarInscripcion a:link, .botonModificarInscripcion a:visited, .botonModificarInscripcion a:hover, .botonModificarInscripcion a:active {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}

.botonCancelarInscripcion {
	background: #CF1215;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float:left;
	margin-right:20px;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
}

.botonCancelarInscripcion a:link, .botonCancelarInscripcion a:visited, .botonCancelarInscripcion a:active, .botonCancelarInscripcion a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}


.botonMenuRojo {
	background: #F31328;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float:left;
	margin-right:20px;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
}

.botonMenuRojo a:link, .botonMenuRojo a:visited, .botonMenuRojo a:active, .botonMenuRojo a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}

.botonGestionSeleccionado {
	background-color: #278423;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float: left;
	margin-right: 20px;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
}

.botonGestionSeleccionado a:link, .botonGestionSeleccionado a:visited, .botonGestionSeleccionado a:active, .botonGestionSeleccionado a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}
.botonMenuVerde {
	background: #336d37;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float:left;
	margin-right:20px;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
	color: #FFF;
}

.botonMenuVerde a:link, .botonMenuVerde a:visited, .botonMenuVerde a:active, .botonMenuVerde a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
	
}

.botonMenuRojo {
	background: #990000;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float:left;
	margin-right:20px;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
	color:#fff;
	font-weight:bold;
}

.botonMenuRojo a:link, .botonMenuRojo a:visited, .botonMenuRojo a:active, .botonMenuRojo a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: #FFF;
}




.iconoPdf {
	
	float:left;
	margin-left:30px;
	margin-right:50px;
}

.iconoPdf a:link, .iconoPdf a:hover, .iconoPdf a:visited, .iconoPdf a:active{
	font-size:14px;
	color:#000;
}


.contenedorBotonesHoteles {
	float:left;
	width:700px;
		
}



/*********EVENTOS**************/
.separadorDelMenu {
	height:0px;	
}

.rowRegistro {

	margin-left:-15px;
	margin-right:-15px;
	background-color: #E9C66D;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	padding-top:15px;
	padding-top:5px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	width:100%;
	
	
	
}

.rowRegistroBlanco {

	margin-left:-15px;
	margin-right:-15px;
	background-color: #FFF;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	padding-top:15px;
	padding-top:5px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	width:100%;
	
	
}

.rowElimina {

	margin-left:-15px;
	margin-right:-15px;
	background-color: #BDA8A8;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	padding-top:15px;
	padding-top:5px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	
	
	
}

.rowElimina h4{
	color:#000;
	font-size: 18px;	
	line-height:30px;
}

.pvpRecomendado {
	float: left;
	width: 150px;
	color: #D6D6D6;
	background-color: #390;
	text-align: center;	
	border-radius:5px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	margin-bottom:10px;
	
}

.pvpRecomendado a:link, .pvpRecomendado a:visited, .pvpRecomendado a:hover, .pvpRecomendado a:active{
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	
}

.eliminaEvento {
	float: left;
	width: 150px;
	color: #D6D6D6;
	background-color: #E91619;
	text-align: center;	
	border-radius:5px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	margin-bottom:10px;
	
}

.eliminaEvento a:link, .eliminaEvento a:visited, .eliminaEvento a:hover, .eliminaEvento a:active{
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	
}

.botonMailingExcursion {
	float: left;
	width: 150px;
	border: 1px solid #000;
	font-size: 14px;
	color: #D6D6D6;
	background-color: #900;
	text-align: center;	
	margin-top:5px;
}

.botonMailingExcursion a:hover, .botonMailingExcursion a:link {
	text-decoration:none;
	color: #FFF;
	font-size: 14px;
	
}

.etiquetaEstandarEvento {
	width: 270px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

.etiquetaLargaEvento {
	width: 400px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}


.cajaEstandarEvento{ /* caracteristicas estandar para los cuadros de texto */
	float:left;/* Importante, para la alineación */
	width:300px;
	height:26px;
	font-size:14px;
	margin:4px 20px 2px 0px;
	padding-top:3px;
	padding-bottom:3px;
	
}

.cajaCortaEvento{ /* caracteristicas estandar para los cuadros de texto */
	float:left;/* Importante, para la alineación */
	width:120px;
	height:26px;
	font-size:14px;
	margin:4px 20px 2px 0px;
	padding-top:3px;
	padding-bottom:3px;
	
}




.grupoRadioButton {
	float:left;
	width:150px;
	padding-top:5px;
	
}

.grupoRadioButtonPaypal {
	float:left;
	width:150px;
	padding-top:5px;
	
	
}


.textoadoce {
	width:25px;
	float:left;
	margin-top:0px;
		
}

.textoadocePaypal {
	width:130px;
	float:left;
	margin-top:0px;
	
		
}

.miniaturaGenericaInscrito {
	float:left;
	width:25px;

}

.numeInscrito {
	float:left;
	width:40px;
	text-align:right;
	margin-left:5px;
	margin-top:3px;
	color:#000;
}

.numeInscrito a:link, .numeInscrito a:visited, .numeInscrito a:hover, .numeInscrito a:active {
	color: #000;
	font-size: 14px;
}

.detalleinscritos {
    font-size: 14px;
    margin-left: 25px;
	margin-top:3px;
	float:left;
	
		
}

.detalleinscritos a, .detalleinscritos a:link, .detalleinscritos a:visited, .detalleinscritos a:active {
   font-size: 14px;
   color: #000;
   text-decoration: none;
}

.detalleinscritos a:hover {
    
    font-size: 14px;
    color: #0d0d0d;
	border-bottom:1px solid #000000;
}

.estadoInscrito {
	width:80px;
	float:left;	
	font-size: 12px;
	
}

/**********Grupos de salida************/
.titularNumeGrupo {
	float:left;
	font-size: 1.3em;
	color: #336d37;
	font-weight:bold;
	text-align:left;
	padding-bottom:5px;
	margin-top:10px;
		
}

.selloGrupoCerrado {
	width:150px;
	height:122px;
	float:left;
	background-image: url(../img/img_motoclubs/grupoCerrado.png);
	background-repeat:no-repeat;
	margin-top:-150px;
	margin-left:560px;
	position:absolute;	
}

/*************Formulario de inscripcion************/
.etiquetaInscripcionEnEvento {
	Width: 350px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

.contenedorListadoGestionMotosEnEvento {	
	width:100%;
	height:85px;
	margin-left:-15px;
	
	background-color: #fff;
	font-weight: bolder;
	/* content:" "; */
	/*display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-top:20px;
	
	padding-top:2px;
	padding-left:10px;
	padding-bottom:10px;
	border-radius:10px;
	border:1px solid #000;
	
}

/********************************/
/*************HOTELES/***********/
/*******************************/

.titularHotel {
	width:auto;
	padding:10px;
	font-size: 2em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.estrellasHotel {
	width:69px;
	height:14px;
	float:left;	
	margin-top:-3px;
	
	margin-left:0px;
	
}

.estrellasHotelListado {
	width:69px;
	height:14px;
	float:left;	
	margin-top:1px;
	
	margin-left:5px;
	margin-bottom:5px;
}


.nombreHotel {
	width:235px;
	height:14px;
	
	float:left;	
	margin-left:5px;
	font-size:1em;
	margin-bottom:5px;
}

.nombreHotel a:link, nombreHotel a:visited, nombreHotel a:active, nombreHotel a:hover {
	font-size:1.2em;
	color:#000;
	text-decoration:none;
	
}

.nombreHotelInscripcion {
	width:260px;
	height:14px;
	float:left;	
	margin-left:5px;
	font-size:1em;
	margin-bottom:5px;
	
}

.nombreHotelInscripcion a:link, nombreHotelInscripcion a:visited, nombreHotelInscripcion a:active, nombreHotelInscripcion a:hover {
	font-size:1.1em;
	color:#00F;
	text-decoration:none;
	
}

.quieroReservar {
	
	border-top:1px solid;
	height:20px;	
	margin-top:10px;
	padding-top:5px;
	font-size:1.2em;
}

.entradaSalida {
	
	border-top:1px solid #000000;
	height:30px;	
	margin-top:10px;
	margin-bottom:5px;
}

.etiquetaEntradaYSalida {
	float:left;
	width:auto;
	height:20px;
	font-size:1.1em;
	padding-top:2px;
	margin:5px 3px 5px 0px;
	
}

.cajaEntradaYSalida{ 
	width:120px;
	height:22px;
	font-size:13px;
	margin:5px 30px 5px 0px;
	border: 1px solid #000;
	float:left;
	
}

.casillaHabitacion {
	width:17px;
	height:14px;
	margin-top:0px;
	float:left;	
	margin-left:5px;
	font-size:1.2em;
	text-align:center;
	margin-bottom:5px;
	
}

.radiobutonReserva {
	width:18px;
	font-size: 12px;
	margin-left:0px;
	border:none;
	margin-right:5px;
	float:left;
}

.etiquetaDescripcionHabitacion {
	width:auto;
	float:left;
	font-size:1.1em;
	margin-right:10px;
	
}

.contenedortipoHabitacion {
	
	height:20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding-top:5px;
	padding-bottom:30px;
	margin-bottom:5px;

}

.titularHabitacionInscripcion {
	width:87px;
	height:14px;
	float:left;	
	margin-left: 5px;
	font-size:1.1em;
	text-align:center;
	margin-bottom:5px;
	color:#000;
}

.precioHabitacion {
	width:87px;
	height:14px;
	
	float:left;	
	margin-left: -5px;
	font-size:1.1em;
	text-align:center;
	margin-bottom:5px;
	
}

.etiquetaTipoHabitacion {
	width:140px;
	float:left;
	font-size:1.1em;
	
}

.desplegableInscripcioEnEvento{ 
	float:left;/* Importante, para la alineación */
	width:230px;
	height:26px;
	font-size:14px;
	margin:4px 0px 2px 0px;
}

.casjaInscripcionEnEnvento {
	float:left;/* Importante, para la alineación */
	width:230px;
	height:26px;
	font-size:14px;
	margin:4px 0px 2px 0px;
}

.desplegableDiaNacimiento{ 
	float:left;
	width:50px;
	height:26px;
	font-size:14px;
	margin:4px 5px 2px 0px;
}

.desplegableMesNacimiento{ 
	float:left;
	width:100px;
	height:26px;
	font-size:14px;
	margin:4px 5px 2px 0px;
}

.desplegableAnioNacimiento{ 
	float:left;
	width:70px;
	height:26px;
	font-size:14px;
	margin:4px 5px 2px 0px;
}


/******	GESTTION HOTELERA******/
.etiquetaEstandarHotel {
	Width: 230px;
	height: 20px;
	font-size: 14px;
	margin-top: 9px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

.cajaEstandarHotel{ /* caracteristicas estandar para los cuadros de texto */
	float:left;/* Importante, para la alineación */
	width:240px;
	height:26px;
	font-size:14px;
	margin:4px 20px 2px 0px;
	padding-top:3px;
	padding-bottom:3px;
	
}

.desplegableHotel{ 
	float:left;/* Importante, para la alineación */
	width:240px;
	height:26px;
	font-size:14px;
	margin:4px 0px 2px 0px;
}

.contenedorReservasHotel {
	
	border:1px solid #000;	
	margin-left:15px;
	margin-top:10px;
}

.datosMoteroEnReservaHotelera {
	float:left;
}

.datosMoteroEnReservaHotelera a:link, .datosMoteroEnReservaHotelera a:hover, .datosMoteroEnReservaHotelera a:active, .datosMoteroEnReservaHotelera a:visited {
	color: #336d37;
	font-size:16px;
}


.nombreHotelEnReservas {
	height:14px;
	float:left;	
	margin-left:5px;
	font-size:16px;
	margin-bottom:5px;
}

.nombreHotelEnReservas a:link, .nombreHotelEnReservas a:visited, .nombreHotelEnReservas a:hover, .nombreHotelEnReservas a:active {
	color:#5B4CDC;
	font-size:16px;
}

.miniaturaHotelGaleria {
	float:left;
	margin-top:20px;
	margin-right:20px;	
}

.miniaturaHotelGaleria img {
	-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
}

.miniaturaHotelGaleria a:link, .miniaturaHotelGaleria a:hover, .miniaturaHotelGaleria a:visited, .miniaturaHotelGaleria a:active {
	float:left;
	padding-left:10px;
	margin-right:20px;
	color: #366EF0;
	margin-top:5px;	
}




/********Programa**********/

.tablaPrograma {
	border-bottom:1px solid #000000;	
}

.resumenExcursionDia{
	float: left;
	font-size: 1.2em;
	color: #000;
	margin-left:15px;
	margin-top:20px;
		
}

.resumenExcursionDia a:link, .resumenExcursionDia a:visited, .resumenExcursionDia a:hover, .resumenExcursionDia a:active{
	font-size: 1.2em;
	color: #5a73d1;
	margin-left:20px;	
}

.resumenExcursionDia a:hover {
	color: #00F;
}

.horaPrograma {
	float:left;
	margin-left:15px;
	margin-bottom:7px;
	width:30px;
	margin-left:40px;
}

.eventoPrograma {
	float:left;
	margin-left:15px;
	margin-bottom:7px;
	
	
}

.eventoPrograma a:link,  .eventoPrograma a:visited, .eventoPrograma a:active, .eventoPrograma a:hover {
	color: #5a73d1;
	text-decoration: none;
	margin-left:10px;
	font-size:14px;
}

 
.eventoPrograma a:hover {
	color: #00F;
	text-decoration: none;
	font-weight: normal;
	
	
}

/******Inscripciones**********/
.numeInscritos {
	color:#336d37;
	font-size:18px;
	margin-left:50px;
	float:left;
	margin-bottom:10px;
}

.perdidaPorInvitaciones {
	color:#cc0000;
	font-size:18px;
	margin-left:50px;
	float:left;
	margin-bottom:10px;
}

.contenedorDescargasPdfEvento { 
	float: left;
	
	margin-bottom:10px;
	margin-right:30px;
}

.contenedorDescargasPdfEvento a:link,  .contenedorDescargasPdfEvento a:visited, .contenedorDescargasPdfEvento a:active, .contenedorDescargasPdfEvento a:hover{ 
	color: #5a73d1;
	font-size:14px;
}

.contenedorDescargasPdfEvento a:hover{ 
	color: #00F;
	font-size:14px;
}

.hueco {
	margin-bottom:20px;	
	
}

.hueco50{
	margin-bottom:50px;	
	
}

.hueco100{
	margin-bottom:100px;	
	
}


.hueco150{
	margin-bottom:150px;	
	
}

.muestraInscripcionEstandar, .muestraInscripcionColaborador, .muestraInscripcionComisario, .muestraInscripcionBlanca, .muestraInscripcionInvitado {
	float:left;
	margin-left:-15px;
	margin-right:-15px;
	background-color: #CCC0C0;
	font-weight: bolder;
	
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	padding:5px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	margin-left:50px;
}

.muestraInscripcionColaborador {
	background-color: #3dc664;
}

.muestraInscripcionComisario {
	background-color: #839bf4;

}

.muestraInscripcionBlanca {
	background-color: #fff;
}

.muestraInscripcionInvitado {
	background-color: #D4CB51;
}

.muestraInscripcionEstandar a:link,  .muestraInscripcionEstandar a:visited, .muestraInscripcionEstandar a:active, .muestraInscripcionEstandar a:hover, .muestraInscripcionColaborador a:link,  .muestraInscripcionColaborador a:visited, .muestraInscripcionColaborador a:active, .muestraInscripcionColaborador a:hover, muestraInscripcionComisario a:link,  .muestraInscripcionComisario a:visited, .muestraInscripcionComisario a:active, .muestraInscripcionComisario a:hover, muestraInscripcionBlanca a:link,  .muestraInscripcionBlanca a:visited, .muestraInscripcionBlanca a:active, .muestraInscripcionBlanca a:hover, muestraInscripcionInvitado a:link,  .muestraInscripcionInvitado a:visited, .muestraInscripcionInvitado a:active, .muestraInscripcionInvitado a:hover {
	color: #000;
	font-size:14px;
	font-weight: bold;
}

.contenedorRegistroInscrito, .contenedorRegistroColaborador, .contenedorRegistroComisario, .contenedorRegistroInscripcionBlanca, .contenedorRegistroInscripcionInvitado {
	width:100%;
	margin-left:-15px;
	margin-right:-15px;
	background-color: #CCC0C0;
	font-weight: bolder;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	
	padding-top:5px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}

.contenedorRegistroColaborador {
	background-color: #3dc664;
}

.contenedorRegistroComisario {
	background-color: #839bf4;
}

.contenedorRegistroInscripcionBlanca {
	background-color: #fff;
}

.contenedorRegistroInscripcionInvitado {
	background-color: #D4CB51;
}

.botonInscripcionManual {
	background: #638cb5;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float:right;
	
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
}

.botonInscripcionManual a:link, .botonInscripcionManual a:visited, .botonInscripcionManual a:active, .botonInscripcionManual a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}

.iconoAvatar {
	float:left;
    margin-left: 10px;
	width:30px;
	height:20px;
	/*border: 1px solid #000;*/
}

.resumenMotero {
	float:left;
    font-size: 14px;
    margin-left: 5px;
	margin-top:3px;
	color:#000;
	
}

.resumenMotero a:link, .resumenMotero a:visited, .resumenMotero a:active {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

resumenMotero a:hover {
	font-size: 14px;
    color:#666666;
	text-decoration: none;
	font-weight: bold;
}



.aPagar {
	float: left;
	font-size: 14px;
	margin-left: 5px;
	margin-top:3px;
	color: #000;
	
	text-align: right;
}

.estadoInscripcion {
	float: left;
	font-size: 14px;
	margin-left: 5px;
	width: 60px;
	color: #000;
	margin-top:3px;
	
}

.botonGestionInscripciones {
	float: right;
	margin-right: 15px;
	margin-bottom: 7px;
	border: 2px solid #000;
	padding-left: 3px;
	padding-right: 3px;
	background-color:#fff;
	border-radius: 5px;
}

.botonGestionInscripciones a:link, .botonGestionInscripciones a:visited, .botonGestionInscripciones a:hover, .botonGestionInscripciones a:active {
	font-size:14px;
	color: #000;
	font-weight:bold;
	
}

.contenedorMotersVip {
	width:100%;
	margin-left:-15px;
	margin-right:-15px;
	font-weight: bolder;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	padding-top:5px;
	border-bottom:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}

.listadoMoterosVipFecha {
	float:right;
    font-size: 14px;
    margin-right: 20px;
	margin-top:3px;
	color:#000;
	
}

.radiobutonMoterosVip {
	width:18px;
	font-size: 12px;
	margin-left:10px;
	margin-top:3px;
	float:left;
	height:20px;
}

.botonEnvioMoterosVip {
	float: left;
	width: 150px;
	height:30px;
	border: 1px solid #000;
	font-size: 14px;
	color: #D6D6D6;
	background-color: #5D92ED;
	text-align: center;	
	margin-top:5px;
	border-radius:5px;
}

/*******Gastos de Evento**********/
.gastos {
	border:1px solid #000;
}	

.titularGastoExtra {
	color: #336d37;
	font-size: 20px;
	font-weight:bold;
	margin-top:10px;
}


/********GRUPOS DE SALIDA******/
.contenedorGrupoSalida {
	border:1px solid #000;
	margin-left:15px;
	margin-top:20px;
}

.descripcionFuncionamientoGrupo{
	font-size:1.1em;
	font-weight:bold;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #000;
}

.contenedorGrupo {
	font-size:1.2em;
	margin-left:5px;
	margin-top:10px;

}


.numeGrupo {
	float:left;
	text-aling:left;
}

.numeGrupo a:link, .numeGrupo a:visited, .numeGrupo a:active, .numeGrupo a:hover {
	color: #336d37;
	font-size:1em;
	text-decoration:none;
}

.numeGrupo a:hover {
	color: #000;
}

.numeGrupoVerde {
	float:left;
	text-aling:left;
}

.numeGrupoVerde a:link, .numeGrupoVerde a:visited, .numeGrupoVerde a:active, .numeGrupoVerde a:hover {
	color: #090;
	font-size:1em;
	text-decoration:none;
}

.numeGrupoVerde a:hover {
	color: #90F49E;
}


.numeGrupoCerrado {
	float:left;
	margin-left:18px;
	
}

.numeGrupoCerrado a:link, .numeGrupoCerrado a:visited, .numeGrupoCerrado a:active, .numeGrupoCerrado a:hover {
	color: #C00;
	font-size:1em;
	text-decoration:none;
}

.numeGrupoCerrado a:hover {
	color: #C00;
}

.numeGrupoCerradoVerde {
	float:left;
	margin-left:23px;
}

.numeGrupoCerradoVerde a:link, .numeGrupoCerradoVerde a:visited, .numeGrupoCerradoVerde a:active, .numeGrupoCerradoVerde a:hover {
	color: #090;
	font-size:1em;
	text-decoration:none;
}

.numeGrupoCerradoVerde a:hover {
	color: #0F0;
}

.plazasLibres {
	margin-left:25px;
	float:left;
	color:#336d37;
	
}

.grupoCerrado {
	float:left;
	color:#C00;
	margin-left:24px;
	
}

/**************MAILINGS************/
.contenedorRegistroMailing {	
	width:100%;
	margin-left:-15px;
	margin-right:-15px;
	background-color: #CCC0C0;
	font-weight: bolder;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	padding:10px;
	
	padding-top:5px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}

.imagenMailIndividual {
	width:100px;
	height:100px;
	margin-left:5px;
	float:left;
	margin-right:10px;
	
}

.imagenMailIndividual img{
	-webkit-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
}

.asuntoMailIndividual {
	float:left;
	font-size:1.1em;
	margin-bottom:20px;
}

.asuntoMailIndividual h1{
	font-size:1.2em;
	
	font-weight:bold;
}

/*********PATROCINADORES***********/
.contenedorPdfProductosASortear {
	margin-top:10px;
	margin-bottom:10px;	
}

.contenedorAportacionPatrocinador {	
	width:100%;
	margin-left:-15px;
	margin-right:-15px;
	background-color: #CCC0C0;
	font-weight: bolder;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}


.gestionMotoclubsNombrePatrocinador {
	float: left;
	margin-bottom:10px;
	text-align:center;
	color: #336d37;
	font-size: 26px;
	
}



.gestionMotoclubsNombrePatrocinador a:link, a:visited, a:hover, a:active{
	color: #336d37;
	font-size: 26px;
	text-decoration: none;
	font-weight:bold;
}



.gestionOrganizaEventosPatrocinadorImg {
	float:left;
	margin-right:30px;
	height:100px;
	
}

.gestionOrganizaEventosPatrocinadorImg img {
	-webkit-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
}

.aportacionPatrocinadores {
	float:left	
}

.resumenRecaudadoPorPatrocinadores {
	color:#336d37;
	font-size:18px;
	float:left;
	margin-bottom:10px;
	margin-right: 50px;
}	

.patrocinadoresPresentes {
	color:#000;
	font-size:18px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top:10px;
	text-align:center;
	margin-bottom:10px;
		
}

.textoAdventencia {
	font-size: 1.3em;
	color: #000;
	margin-left:30px;
	margin-top:20px;	
	margin-bottom:20px;
}

.imgAdvertencia {
	width:97px;
	height:87px;
	background-image:url(../images/advertenciaMedia.png);
	float:left;
	margin-left:30px;
	margin-right:10px;
}

.patrocinador {
	float:left;
	padding:5px;
}

.patrocinador img {
	-webkit-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.75);
}


/**********ACRETITACIONES*****************/
.contenedorLoginAcreditaciones {
	margin-top:70px;
	
}

.contenedorBuscaAcreditado {
	margin-top:70px;
	border:1px solid #000000;
	margin-left:250px;
}

.fotomoteroAcreditacion {
	width:auto;
	height:auto;
	float:left;
	margin-left:30px;
}

.fotomoteroAcreditacion img {
	-webkit-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 7px 5px 0px rgba(0,0,0,0.75);	
}

.datosMoteroEnAcreditaciones {
	float:left;
	font-size:1.5em;
	color:#000;
	margin-left:60px;
	margin-top:20px;
}

.datosMoteroEnAcreditaciones h1 {
	font-size: 2em;
	color: #000;
	font-variant: normal;
	font-weight: bold;
}

.datosMoteroEnAcreditaciones h2 {
	font-size: 1.6em;
	color: #000;
	font-variant: normal;
	font-weight: bold;
}


/********PUNTOS DE CONTROL***********/

.nombrePunto {
	float:left;
	margin-bottom:10px;
}

.nombrePunto a:link, .nombrePunto a:hover, .nombrePunto a:active, .nombrePunto a:visited {
	font-size:20px;
	color:#336f37;
	font-weight::bold;
}

.tablaPuntosControl {
	border: 1px solid #000;	
	font-size:16px;
	margin-top:10px;

}

.tablaPuntosControl a:link, .tablaPuntosControl a:visited, .tablaPuntosControl a:hover, .tablaPuntosControl a:active {
	font-size:16px;
	color: #1131ED;
}


/*******DOCUMENTACION PARA SUBIR*************/
.miniaturaDocumentacion {
	float:left;	
}

.miniaturaDocumentacion img{
	-webkit-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
}

.tipoAcreditacion {
	float:left;
	margin-top:10px;
}

.tipoAcreditacion a:link, .tipoAcreditacion a:visited, .tipoAcreditacion a:active, .tipoAcreditacion a:hover {
	color: #000;
	font-size:26px;
}

.textoDocumentacion {
	float:left;
	color:#000;
	font-size:16px;
}

.listahoteles {
	color: #5A5858;
}

.listahoteles a:link, .listahoteles a:visited, .listahoteles a:hover, .listahoteles a:active {
	color: #1175DD;
	font-size:15px;
}

/*******************************************/
/***********GESTION*************************/
/*******************************************/

.botonGestion {
	background-color: #3F54F4;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float: left;
	margin-right: 20px;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
}

.botonGestion a:link, .botonGestion a:visited, .botonGestion a:active, .botonGestion a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}

.botonGestionClaro {
	background-color: #8BDF87;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float: left;
	margin-right: 20px;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
}

.botonGestionClaro a:link, .botonGestionClaro a:visited, .botonGestionClaro a:active, .botonGestionClaro a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}

.contenedorOpcionesGestionMoteros {
	float:left;
	width:auto;
	margin-right:20px;
	
}

/*****************************************/
/********MAILINGS MOTORUTAS***************/
/*****************************************/

.miniaturaListadoMailingMotorutas {
	float:left;
	
}

.miniaturaListadoMailingMotorutas img{
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}

.contenedorBotonesMailingListado {
	float:left;
	margin-left:20px;
	
}

.contenedorBotonesMailingListado a:link, contenedorBotonesMailingListado a:visited, contenedorBotonesMailingListado a:active{
	font-size:1em;
	
}

.contenedorBotonesMailingListado a:hover {
	color:#000;	
}

.titularRowRegistro {
	color:#000;
	font-size: 20px;	
	
}

.motoclub_preferente {
	width: 116px;
	height: 50px;
	float:left;
}


/*************************************/
/***********COMERCIALES***************/
/*************************************/

.tarjeta {
	float:left;
	margin:20px;
}

.tarjeta img {
	border:1px solid #000;
	-webkit-box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);
box-shadow: 7px 9px 5px 0px rgba(0,0,0,0.75);
}


.etiquetaDuplicadoPropuestas {
	Width: 200px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}


/*************************************/
/***********CALENDARIO***************/
/*************************************/

.contenedorEventoCalendario {	
	width:100%;
	margin-left:-15px;
	margin-right:-15px;
	background-color: #fff;
	font-weight: bolder;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-top:20px;
	
	padding-top:2px;
	padding-left:10px;
	padding-bottom:10px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}

.contenedorEventoCalendario img {
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
}

.titularCalendario {
	margin-bottom:10px;
}

.titularCalendario H1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: normal;
}

.titularCalendario H1 a:link, .titularCalendario H1 a:visited, .titularCalendario H1 a:active, .titularCalendario H1 a:hover {
	font-size: 20px;
}

.contenidoCalendario {
	float:left;
	font-size: 14px;
	color: #000;
	text-align: left;
	line-height: normal;
	height: 270px;
}

.contenidoCalendario a:link, .contenidoCalendario a:hover, .contenidoCalendario a:visited, .contenidoCalendario a:active {
	font-size: 14px;
	color: #336d37;
	text-align: left;
	line-height: normal;
}

.botonCalendario {
	background: #638cb5;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 5px;
	float:left;
	margin-right:10px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:1px;
}

.botonCalendario a:link, .botonCalendario a:visited, .botonCalendario a:active, .botonCalendario a:hover {
	font-size: 13px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}



/*************************************/
/*****************MOTOS***************/
/*************************************/
.contenedorListadoGestionMarca {	
	width:100%;
	height:200px;
	margin-left:-15px;
	
	background-color: #fff;
	font-weight: bolder;
	/* content:" "; */
	/*display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-top:20px;
	
	padding-top:2px;
	padding-left:10px;
	padding-bottom:10px;
	border-radius:10px;
	border:1px solid #000;
	
}

.miniaturaListadoGestionMarcas {
	float:left;
	width:140px;
	height:100px;
	margin-right:10px;
	padding-top:5px;
	
	
	
}


.contenedorListadoGestionMotos {	
	width:100%;

	margin-left:-15px;
	
	background-color: #fff;
	font-weight: bolder;
	/* content:" "; */
	/*display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-top:20px;
	
	padding-top:2px;
	padding-left:10px;
	padding-bottom:10px;
	border-radius:10px;
	border:1px solid #000;
	
}

.miniaturaListadoGestionMotos {
	float:left;
	margin-right:10px;
	
}

.miniaturaListadoGestionMotos img{
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);
}


/*************************************/
/*********CONTROL DE TIEMPOS**********/
/*************************************/

.etiquetaControlTiempos {
	font-size:20px;	
	margin-bottom:10px;
	margin-left:20px;
}

.casillaGupoControlTiempos {
	font-size:30px;	
	width:100px;
	margin-bottom:30px;
	margin-left:20px;
}

.desplegableControlTiempos {
	font-size:20px;	
	margin-bottom:30px;
	margin-left:20px;
}

.botonControlTiempos {
	background: #336d37;
	width: auto;
	border-radius: 10px;
	height: 35px;
	margin-top: 5px;
	float:left;
	margin-left:20px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom: 5px;
	color: #FFF;
	font-size: 18px;
}

.botonControlTiempos a:link, .botonControlTiempos a:visited, .botonControlTiempos a:active, .botonControlTiempos a:hover {
	font-size: 18px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
	
}


/*************************************/
/******MERCHANDISING MOTORUTAS********/
/*************************************/
.contenedorProductoAlmacenParaServicios {	
	width:100%;
	height: 220px;
	margin-left:-15px;
	margin-right:-15px;
	background-color: #CCC0C0;
	font-weight: bolder;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}

.contenedorProductoAlmacenParaGestion {	
	width:100%;
	height: 240px;
	margin-left:-15px;
	margin-right:-15px;
	background-color: #CCC0C0;
	font-weight: bolder;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}

.fotoProducto{
	margin-top:30px;
	margin-bottom:15px;
}

.fotoProducto img{
	-webkit-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
}

.cuerpoProductoTienda {
	margin-top: 10px;
	font-size: 1.00em;
	line-height: 1.2em;
	color: #000;
	text-align:justify;
}

.cuerpoProductoTienda a, .cuerpoProductoTienda a:link, .cuerpoProductoTienda a:visited, .cuerpoProductoTienda a:active {
   font-size: 12px;
   color: #FFCC66;
   text-decoration: none;
}

.cuerpoProductoTienda a:hover {
    
    font-size: 12px;
    color: #000;
}

.anadirCarritoIndividual {
	margin-top: 10px;
	padding-bottom:10px;
	font-weight:bold;
	border-bottom : 0.01em dotted grey ;
	
}
.anadirCarritoIndividual img{
	width:20px;
	height:30px;
	margin-right:5px;
	padding-top: 10px;

}

.anadirCarritoIndividual a:link {
	text-decoration: none;
	font-weight: 900em;
	color: #006d29;
	vertical-align: bottom;
}
.anadirCarritoIndividual a:hover {
	text-decoration: none;
	font-weight:900em; 
	color: #000;
}
.anadirCarritoIndividual a:active {
	text-decoration: none;
	font-weight:900em; 
	color: #006d29;
}
.anadirCarritoIndividual a:visited {
	text-decoration: none;
	font-weight:900em; 
	color: #006d29;
}


.etiquetaProducto {
	Width: 70px;
	height: 23px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

.cajaProducto { 
	float:left;
	width:50px;
	height:26px;
	font-size:14px;
	margin:4px 20px 2px 0px;
	padding-top:3px;
	padding-bottom:3px;
	
}

.desplegableProducto{ 
	
	float:left;/* Importante, para la alineación */
	width:auto;
	height:25px;
	font-size:14px;
	margin:4px 0px 2px 0px;
}


.botonCarrito {
	float:left;
	background: #638cb5;
	width: auto;
	border-radius: 7px;
	height: 27px;
	margin-top: 5px;
	margin-right:20px;
	color:#FFF;
	padding-left:7px;
	padding-right:7px;
	padding-top:1px;
	
}

.botonCarrito a:link, .botonCarrito a:visited, .botonCarrito a:hover, .botonCarrito a:active {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	text-align:center;
}



.contenedorProductoMerchandising {	
	width:100%;
	float:left;
	margin-left:-15px;
	margin-right:-15px;
	background-color: #CCC0C0;
	font-weight: bolder;
	/* content:" "; */
	display:table; /* parece que esta propiedad es la que hace que el algo del cuadro sea automatico*/
	margin-bottom:20px;
	
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-radius:10px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}

.gestionMerchandisingNombreProducto {
	float: left;
	margin-bottom:10px;
	text-align:center;
	color: #336d37;
	font-size: 26px;
	
}

.miniaturaListadoMerchandising {
	float:left;
	border:1px solid;
	
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
}

.descripcionProductoListadoMerchandising {
	width:auto;
	float:left;
	margin-left:10px;
	margin-top:5px;
	text-align:left;
	color: #000F;
	font-size: 1em;
}

.etiquetaMerchandising {
	Width: 170px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

.cajaMerchandising { 
	float:left;
	width:250px;
	height:26px;
	font-size:14px;
	margin:4px 20px 2px 0px;
	padding-top:3px;
	padding-bottom:3px;
	
}

.desplegableMerchandising{ 
	float:left;
	width:250px;
	height:24px;
	font-size:14px;
	margin:4px 0px 2px 0px;
	
}

/************************************/
/**************DIPLOMAS**************/
/************************************/
.miniaturaDiploma {
	width: 200px;
	height: 137px;
	float: left;
	border: 1px solid #000;
	position: relative;
	margin-left: 30px;
	margin-top: 20px;
	line-height: 8px;
}

.miniaturaDiploma img {
	-webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.75);	
}

.miniaturaDiploma .textoMiniaturaDiploma {
	font-size:7px;	
	color: #000;
	width:170px;
	height:auto;
	position:absolute;
	top:60px;
	left:14px;
	
}

.cartelHistoricoEvento {
	float:left;
	margin-right:15px;
}

.cartelHistoricoEvento img{
-webkit-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 4px 6px 5px 0px rgba(0,0,0,0.75);
	
	
}

.contenedorSeccionHistoricoEvento {
	float:left;	
}

.enlaceDescargaFoto {
	width:auto;
	margin-top:-5px;
	margin-bottom:10px;
	text-align:center
	
}

/***************************************************/
/***************DOCUMENTACION TURISTICA*************/
/***************************************************/

.datosLugarInteres {
	float:left;
	margin-left:10px;
	
}

.datosLugarInteres img {
	-webkit-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 7px 5px 0px rgba(0,0,0,0.75);
	float:left;
	margin-right:15px;
	
}

.fuenteInfo {
	whidth: auto;
	font-size: 12px;
	margin-left:25px;
	margin-top:5px	;
	margin-bottom:20px;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
}

.fuenteInfo a:link, .fuenteInfo a:visited, .fuenteInfo a:hover, .fuenteInfo a:active {
	font-size: 12px;
	color: #FC0;
	text-decoration: none;		
}



/***************************************************/
/********************VIAJES ORGANIZADOS*************/
/***************************************************/
.etiquetaLarga {
	Width: 200px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

.pvpRecomendadoViaje {
	float: left;
	width: 160px;
	color: #D6D6D6;
	font-size:17px;
	background-color: #390;
	text-align: left;	
	border-radius:5px;
	border:1px solid #000;
	-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
	margin-bottom:10px;
	font-weight:bold;
	
}

.pvpRecomendadoViaje a:link, .pvpRecomendadoViaje a:visited, .pvpRecomendadoViaje a:hover, .pvpRecomendadoViaje a:active{
	font-size: 17px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}

.cartelViaje {
	floal: left;	
}

.cartelViaje img {
	-webkit-box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 7px 8px 5px 0px rgba(0,0,0,0.75);	
}

.contenedorTeOrganizoElViaje {
	background-color:#2C7C26;
	color:#FFFFFF;
	font-size:15px;
	
	
	border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
border: 0px solid #000000;

margin-top:10px;
padding:8px;

}

.contenedorTeOrganizoElViaje a:link, .contenedorTeOrganizoElViaje a:visited, .contenedorTeOrganizoElViaje a:hover, .contenedorTeOrganizoElViaje a:active {
	color: #fff;	
	font-weight: bold;
	font-size:15px;
}

.masInfo a:link, .masInfo a:visited, .masInfo a:hover, .masInfo a:active{
	font-size:20px;
	color: #00F;
}
	 
/***************************************************/
/*****************TURISMO***************************/
/***************************************************/

.titularAutonomia {
	margin-left:20px;
	
}

.titularAutonomia a:link, .titularAutonomia a:visited, .titularAutonomia a:active {
	font-size: 2em;
}
.mapaAutonomia {
	
}

.mapaAutonomia img {
	-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);	
	float:left;
}

.botonTurismo {
	background-color: #3F54F4;
	width: auto;
	border-radius: 5px;
	height: 25px;
	margin-top: 20px;
	float: left;
	margin-right: 20px;
	text-align: center;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
}

.botonTurismo a:link, .botonTurismo a:visited, .botonTurismo a:active, .botonTurismo a:hover {
	font-size: 14px;
	font-family: Verdana,Helvetica;
	font-weight: bold;
	color: white;
	
}


/************************************/
/********CONCURSOS FOTOGRAFICOS******/
/************************************/
.etiquetaConcurso {
	Width: 225px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

.cajaConcurso { 
	float:left;
	width:400px;
	height:26px;
	font-size:14px;
	margin:4px 20px 2px 0px;
	padding-top:3px;
	padding-bottom:3px;
	
}

.desplegableConcurso{ 
	float:left;
	width:400px;
	height:24px;
	font-size:14px;
	margin:4px 0px 2px 0px;
	
}

.miniaturaConcursoFotos {
	width:200px;
	float:left;
	margin-bottom:20px;
}

.miniaturaConcursoFotos img {
	-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	
}

.miniaturaGanadoraConcursoFotos {
	width:300px;
	float:left;
	margin-bottom:20px;
	font-size:14px;
	
	margin-left:30px;
	margin-right:30px;
	
}

.miniaturaGanadoraConcursoFotos h1 {
	font-size:30px;
}

.miniaturaGanadoraConcursoFotos img {
	-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
	
}

/**************************************/
/*************DESCUENTOS***************/
/**************************************/

.pintaVale {
	width:350px;
	height: 143px;
	float:left;
	border: 1px solid #000000;
	margin-right: 20px;
	margin-bottom:20px;
	-webkit-box-shadow: 10px 9px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 9px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 9px 7px 0px rgba(0,0,0,0.75);	
}

.etiquetaDescuento {
	Width: 350px;
	height: 20px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 0px;
	float: left;
	text-align: left;
	color: #000;
	border-bottom:1px solid #000;
}

/***********************************/
/*******HISTORICO DE EVENTOS********/
/***********************************/
.contendorLogosOrganizacion {
	margin-top:20px;
	margin-right:100px;	
	float:left;
	
}



.cartelNavaRider {
	text-align:center;
	margin-right:17px;
	float:left;
	margin-top:20px;
	
}


.cartelNavaRider img {
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
	
}


.mapaMedianoHistorico {
	width:auto;
	height: 281px;
	margin-right:10px;
	margin-bottom:15px;
	float:left;
	
}


.mapaMedianoHistorico img {
	-webkit-box-shadow: 6px 10px 10px 0px rgba(48, 50, 50, 0.84);
	-moz-box-shadow:    6px 10px 10px 0px rgba(48, 50, 50, 0.84);
	box-shadow:     6px 10px 10px 0px rgba(48, 50, 50, 0.84);
	
}

.videoHistorico {
	width:auto;
	height: 281px;
	margin-top:8px;
	margin-left:20px;
	margin-bottom:15px;
	float:left;
	
	
}

.videoHistorico img {
	-webkit-box-shadow: 6px 10px 10px 0px rgba(48, 50, 50, 0.84);
	-moz-box-shadow:    6px 10px 10px 0px rgba(48, 50, 50, 0.84);
	box-shadow:     6px 10px 10px 0px rgba(48, 50, 50, 0.84);
	
}
.perfilHistorico {
	float:left;	
	width:1150px;
	margin-bottom:15px;
}

.perfilHistorico  img{
	-webkit-box-shadow: 6px 10px 10px 0px rgba(48, 50, 50, 0.84);
	-moz-box-shadow:    6px 10px 10px 0px rgba(48, 50, 50, 0.84);
	box-shadow:     6px 10px 10px 0px rgba(48, 50, 50, 0.84);
}

/*****************************/
/*******GRANDES RUTAS*********/
/*****************************/

.logoPatro {
	float:left;
	height: auto;
	width:auto;
	margin: 10px;
	-webkit-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 9px 10px 5px 0px rgba(0,0,0,0.75);
}

.titularRuta {
	font-size:2em;	
}

/*****************************/
/*******PASAPORTES************/
/*****************************/

.numepasaporte {
	float:left;
    margin-left: 10px;
	width:50px;
	height:20px;
}