/* Default styles */
@import "css/reset.css";

/*generales*/
a{ text-decoration: none; color: #0475A1;}
a:hover { color: #4C4D4D; }
.editable-sec a{ text-decoration: underline;}
.editable-sec a:hover{ text-decoration: none;}
p { line-height: 1.35;
}
p strong{ color: #000;}
p label{ color: #CD0101; font-weight: bold;}
p + p { padding-top: 10px;
}

h1 { color: #0475A1; font-size: 24px;}
#main h1{ padding-bottom: 15px;}

h2 {
}
h3 {
}

h4 {
	font-size: 18px;
	padding-bottom: 10px;
}
h5{ color: #0475A1; 	font-size: 18px; 	padding-bottom: 10px; border-bottom: #DCDCDC 1px solid; margin-bottom: 10px;}
hr{
	border: 0px;
	border-top: #DCDCDC 1px solid;
}
hr.hr2{
	border: 0px;
	border-top: #9A9A9A 2px solid;
	clear: both;
	margin: 0px 0;
}

img {
}

input, textarea, select{
}
input.input-text{color:#A4A4A4; font-size: 12px; border: 1px solid #A4A4A4; padding: 1px 2px;
     -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
input.input-text:hover, input.input-text:focus{ border-color: #012340;}
input.input-button{
	border: 0px; background: none;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}
input.input-button:hover{ text-shadow: 1px 1px 1px #666 ; }
input[type=submit]{}

input[type=button]{}

input[type=text]{}

input[type=password]{}

/*end generales*/

body{ color: #7B7B7B;	font-family: Arial, Helvetica, sans-serif; background: #7a7a7a; font-size: 13px;}
.col-full{ 	width: 960px ; 	margin: 0px auto; }
#navigation-wrapper{
	background: #1A76C3;
	border-top: 1px solid #297FC7;
	border-bottom: 1px solid #1361A1;
}
#navigation{ height: 45px; line-height: 45px; color:#fff;}
#navigation ul li{ display: inline; font-size: 14px; margin: 0 0 0 35px; }
#navigation ul li.first{ margin: 0 0 0 0px; }
#navigation ul li a{ color: #fff;}
#navigation ul li a:hover{color: #000000}
#header-wrapper{background: #083E6A url(images/bg-head1.jpg) no-repeat top center;}
#header{ height: 112px; }
#logo{ padding-top: 15px;}
#logo, #logo a{  float: left;}
#logo a span{ display:none; }
#footer-wrapper{ background: #868686; border-top: 1px solid #8E8E8E; border-bottom: 1px solid #737373;	}
#footer{ height: 85px; line-height: 85px; color:#fff;}
#footer ul li{ display: inline; font-size: 14px; margin: 0 0 0 20px; }
#footer ul li.first{ margin: 0 0 0 0px; }
#footer ul li a{ color: #fff;}
#footer ul li a:hover {color: #000000}
#footer-wrapper2{ background: #717171; border-bottom: 1px solid #7a7a7a; }
#footer2{ padding: 35px 0;  position: relative; color: #fff; font-size: 13px; line-height: 1.5; }
#footer2 a{  color: #fff;}
#footer2 a:hover{  color: #000;}
.FJ-dev{ position: absolute; right: 0; top: 30px; }

#content-wrapper { background: #ffffff}
#content{	padding: 25px 0; }

/*SIDEBAR*/
#sidebar, #main-sidebar{ width:180px; }
#sidebar h3{ background: url(images/sidebar-title.jpg) no-repeat top left; display: block; line-height: 39px; height: 39px; font-size: 18px; font-weight: bold; color: #fff; padding: 0 0 0 20px;}
#sidebar ol{  float: left; width: 180px; margin-top: 10px;}
#sidebar ol li{ list-style-type: decimal-leading-zero; list-style-type: none; list-style-position: inside; color: #0064B6; font-size: 14px;  padding: 10px 0; border-top: 1px solid #DFDFDF; float: left; width: 180px;}
#sidebar ol li.first{border: 0px;}
#sidebar ol li a{ color: #0064B6;  font-size: 14px; line-height: 20px; float: left; width: 180px; }
#sidebar ol li a:hover, #sidebar ol li.active a{ color: #012340;}

#sidebar ol li ul li{ list-style:none; border: 0px;  padding: 6px 0;}
#sidebar ol li ul li a,  #sidebar ol li.active ul li a{ color: #8F8E8E ; padding-left:25px; width: 155px;}
#sidebar ol li ul li a:hover,  #sidebar ol li.active ul li a:hover { color: #012340; }
.inscripciones{ margin: 10px 0 0 0 ;}
.calendario{ margin: 10px 0 0 0 ;}
.resultados-box-2011 {
	background: url(images/bg-resultados-2011.png) no-repeat top left !important;
}
.resultados-box {
	margin: 10px 0 0 0 !important;
	position: relative;
	background: url(images/bg-resultados.png) no-repeat top left;
	display: block;
	width: 180px;
	height: 175px;
}
.resultados-box ul { position: absolute !important; top: 65px !important; left: 15px !important; margin: 0 !important; }
.resultados-box ul li {
	background: url(images/arrow3.png) no-repeat center left !important;
	padding-left: 13px !important;
	line-height: 22px !important;
	margin: 0 !important;
}
.resultados-box ul li a{ font-size: 16px; font-weight: bold; color: #fff; text-decoration: none !important; }
.resultados-box ul li a:hover { color: #000;}
.newsletter-box{ margin: 10px 0 0 0 ; position: relative; background: url(images/bg-newsletter.jpg) no-repeat top left; display: block; width: 180px; height: 125px;}
.newsletter-box .input-text{ top: 74px; left: 14px; position: absolute; width: 132px;}
.newsletter-box .input-button{ top: 95px; left: 14px; position: absolute; font-size: 13px; background: url(images/bg-input-button.png) no-repeat center right; padding: 5px 15px 5px 0 ;}
/*SIDEBAR*/

/* MAIN */
#main{ width: 760px;}
#main .inscripciones{ margin: 0px 0 0 0 ;}
.pag-url{
	height: 40px;
	line-height: 40px;
	font-size: 18px; font-weight: bold;
	color: #888888;
	padding-bottom: 10px;
}
.pag-url a{color: #888888;}
.pag-url a:hover, .pag-url span{color: #11314C;}
#sub-nav{ float: left; clear: both; margin: 0px 0 10px; background: url(images/sub-nav.png) no-repeat 0px 0px; width: 760px; height: 35px;}
#sub-nav ul{ float: left; clear: both; margin: 0px; padding: 0px;}
#sub-nav ul li{ float: left; width: 150px; color: #fff; height: 35px; line-height: 35px; text-align: center; margin: 0px; padding: 0px; background: none;}
#sub-nav ul li a:hover {color: #fff;}
#sub-nav ul li a {color: #013B52; font-size: 14px; float: left; width: 150px; font-weight: bold;}
#slide-box{ padding-bottom: 15px; background: url(images/box-slide-bottom.png) no-repeat bottom left ; 	width: 561px;	float: left; }
#slide-box.show{ background: url(images/box-bottom.png) no-repeat bottom left ;}
#slide-box .trigger {
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
	background: url(images/box-slide-top.png) no-repeat 0px 0px;
	height: 50px;
	line-height: 60px;
	width: 541px;
	font-size: 2em;
	font-weight: bold;
	color: #4C4D4D;
	float: left;
	position: relative;
}
#slide-box h3.trigger {
background: url(images/box-top.png) no-repeat 0px 0px;
}
#slide-box .trigger span{ display: none;}
#slide-box .trigger a {
	position: absolute;
	font-size: 10px;
	top: 26px;
	right: 25px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(images/bt-toggle.png) no-repeat 0px -12px;
	width: 65px;
	height: 12px;
}
#slide-box h3.trigger a{	background: url(images/bt-inscribirse.png) no-repeat 0px 0px;
	width: 126px;
	height: 12px;
}
/* h2.trigger a:hover { 	background: url(images/bt-toggle.png) no-repeat 0px -12px; }*/
#slide-box h2.active a{ 	background: url(images/bt-toggle.png) no-repeat 0px 0px; }
/*h2.active a:hover{ 	background: url(images/bt-toggle.png) no-repeat 0px 0px; }*/
#slide-box h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-color: #B9B9B9   #B9B9B9 #CDCDCD  #CDCDCD ;
	border-style:solid;
	border-width:1px;
	background: #f0f0f0 ;
	overflow: hidden;
	width: 541px;
	margin: 10px 10px 0 10px;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	clear: both;
}
.toggle_container .block { padding: 5px; /*--Padding of Container--*/}
#slide-box.l-grey{ width: 761px;  background: url(images/l-grey-bottom.png) no-repeat bottom left ;}
#slide-box.l-grey  h3.trigger{ background:  url(images/l-grey-top.png) no-repeat 0px 0px; width: 761px;}
#slide-box.l-grey .toggle_container{ width: 739px;}
#slide-box.d-grey{ width: 761px;  background: url(images/d-grey-bottom.png) no-repeat bottom left ; margin-top: 30px; margin-bottom: 30px;}
#slide-box.d-grey  h3.trigger{ background:  url(images/d-grey-top.png) no-repeat 0px 0px; width: 761px; color: #fff;}
#slide-box.d-grey .toggle_container{ width: 739px;}
#slide-box.d-grey h4{ color: #116EBB;}
#slide-box.l-grey-small{ width: 561px;  background: url(images/l-grey-top2.png) no-repeat top left ; margin-top: 30px; margin-bottom: 30px; padding-top: 10px;}
#slide-box.l-grey-small .l-grey-small-bottom{ width: 561px;  background: url(images/l-grey-bottom2.png) no-repeat bottom left ; margin-top: 0px; margin-bottom: 0px; padding-bottom: 10px;}
#slide-box.l-grey-small .l-grey-small-bottom .l-grey-small-body { width: 561px;  background: url(images/l-grey-body2.png) repeat-y bottom left ;}
#slide-box.l-grey-small  h3.trigger{ background:  none; color: #4C4D4D; padding-bottom: 10px; font-size: 18px; }
#slide-box.l-grey-small .toggle_container{ width: 536px;}
#slide-box.l-grey-small h4{ color: #116EBB;}
#news-box {
    margin: 20px 0 0 0;
    width: 530px;
    display: table;
}
.news-box-title{ 	margin-left: 10px;	padding-bottom: 10px; border-bottom: #DCDCDC 1px solid; margin-bottom: 10px;}
.news-box-title a{ float: right; color: #A4A4A4; font-size: 12px; line-height: 18px; background: url(images/arrow2.png) no-repeat center right; padding-right: 15px;}
#news-box ul{ Display: table-row;  }
#news-box hr{  	clear: both; }
.news-block{
	display: table-cell;
	width: 255px;
	float: left;
	padding: 0 10px 0px 10px;
	margin: 0 0 15px 0;
}
.bt-arrow{ background: url(images/arrow.png) no-repeat center right; padding-right: 15px; }
.brd{ border-right: 1px solid #C4C4C4;	width: 254px;}
.doble{	width: 530px;}

.details-wrapper{
	padding: 0 0px;
	font-size: 12px;
	color: #403425;
}
.details-wrapper h2{
	background: url(images/bg-h2.png) no-repeat bottom center;
	line-height: 55px;
	color: #0475A1;
	font-size: 18px;
}
.details-wrapper h2 span{ color: #656565;}
.details-wrapper h3{
	line-height: 1.4;
	color: #2587AD;
	font-size: 14px;
}
.details-wrapper p span{ font-size: 11px; color: #015EAB}
.details-wrapper p span strong{ color: #015EAB}
.details-wrapper table td{ border-top: 1px solid #DCDCDC; padding: 5px 2px; vertical-align: top; line-height: 1.3}
.details-wrapper table td strong{ color: #000; }
.details-wrapper table td span{ color: #D70202; }
.editable-sec{}
.editable-sec img.fl{ margin: 0 10px 0 0 }
.editable-sec img.fr{ margin: 0 0 0 10px  }
.editable-sec ul { margin: 10px 0 0 0;}
.editable-sec ul li{ line-height: 1.35; background: url(images/li.png) no-repeat 0px 5px; padding: 0 0 0 10px; margin: 0 0 5px 0;}

#gallery-wrapper {
    background: #EEECE7;
    border: 1px solid #DDDBDB;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	padding-bottom: 15px;
}
#gallery-wrapper .gal-item div, #gallery-wrapper .vid-item div{
	padding: 25px 0 0 0;
	float: left; width: 251px; height: 210px;
	text-align: center;
	color: #4C4D4D;
	font-size: 13px;
}
#gallery-wrapper .gal-item div h3, #gallery-wrapper .vid-item div h3{
	font-size: 18px;
	padding: 5px 0 0 0;
}
#gallery-wrapper .gal-item div img{ background: #fff; border: 1px solid #B2B1B1 ; padding: 12px;
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
}
#gallery-wrapper .vid-item div img{ background: #fff; border: 1px solid #B2B1B1 ; padding: 0px;
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
}
#gallery-wrapper .gal-item:hover div, #gallery-wrapper .vid-item:hover div{
	color: #0475A1;
}
#gallery-wrapper .gal-item:hover div img, #gallery-wrapper .vid-item:hover div img{
	border-color: #0475A1;
}
/*
Credits: Bit Repository
CSS Library: http://www.bitrepositiry.com/
*/


.info_fieldset .notification_error {
    border: 1px solid #A25965;
    height: auto;
    width: 90%;
    padding: 4px;
    background: #F8F0F1;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.info_fieldset .notification_ok {
    border: 1px #567397 solid;
    height: auto;
    width: 90% padding: 8px;
    background: #f5f9fd;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.info_fieldset .info_fieldset .info_fieldset {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px #dddddd solid;
}

.info_fieldset .button {
    border: 0px !important;
	background: url(images/bt-submit.png) no-repeat 0px 0px;
	height: 32px;
	width: 95px;
    font: bold 13px Helvetica, Arial, sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	cursor: pointer;
	color: #fff;
}
.info_fieldset .button-clear {
    border: 0px !important;
	background: url(images/bt-clear.png) no-repeat 0px 0px;
	height: 32px;
	width: 85px;
    font: bold 13px Helvetica, Arial, sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;	color: #fff;cursor: pointer;
}
.info_fieldset .button:hover, .info_fieldset .button-clear:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

}
/* Label */
.info_fieldset  label  { width: 69px; padding-left: 0px; color: #4C4D4D; line-height: 1.5; margin: 5px; float: left; text-align: left; }

.info_fieldset  label.doble  { width: 140px;}
/* Input, Textarea */
.info_fieldset input, .info_fieldset textarea, .info_fieldset select {
    margin: 5px;
    padding: 3px;
    float: left;
    border: 1px solid #949398;
    color: #333333;
    font: 11px Verdana, Helvetica, Arial, sans-serif;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
.info_fieldset  input:hover, .info_fieldset  textarea:hover,.info_fieldset, .info_fieldset select:hover,.info_fieldset  input:focus, .info_fieldset  textarea:focus, .info_fieldset  select:focus{ border-color:#0475A1;}
.info_fieldset  input.textbox,.info_fieldset  select.textbox{ width: 150px;}
.info_fieldset  textarea.textbox{ width: 230px;}
/* BR */

.info_fieldset br{clear: both;}


/**/
.pagger{
	padding:15px 150px 0 150px;
	height:30px;
	vertical-align: middle;
	position: relative;
}
.pagger .previous{
	float: left;
	line-height:30px;
	height:30px;
	vertical-align: middle;

}
.pagger .previous a{
	float: left;
}
.pagger .next{
	float: right;
	line-height:30px;
	height:30px;
	vertical-align: middle;
}
.pagger .next a{
	float: right;
}
.pagger a img{
	vertical-align: middle;
	margin: 0px 10px;
}
.pagger .next img{
	margin: 0px 0px 0 16px;
}
.pagger .previous img{
	margin: 0px 16px 0px 0;
}
.pagger .pages{
	line-height:30px;
	height:30px;
	vertical-align: middle;
	width: 350px;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -175px;
}
.pagger .pages p{
	text-align: center;
	padding: 0;
	margin: 0;
}
.pagger a{
	line-height:30px;
	height:30px;
	vertical-align: middle;
	color: #46371D;
	font-size: 14px; font-weight: normal;
}

.pagger .pages p a{
	margin: 0 4px;
}
.pagger .pages p a.active{
	color: #3279B1;
}
body .pages a:hover{
	color: #3279B1 !important;
}

/**/

.subtit_suscrip {
	padding-bottom: 20px;
}
.lista_suscrip {
	width: 600px;
}
.submenu_suscrip {
	width: 200px;
	float: left;
}
.suscVolver {
	float: right;
	margin: 20px 70px 0 0;
}
.texto_dot {
	background-image: url("images/punto_naranja.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: normal;
	height: 15px;
	margin-left: 180px;
	margin-top: 10px;
	padding-left: 15px;
	width: 250px;
}
.img_esqui {
	background-image: url("images/fondo_esqui.jpg");
	background-position: -5px -5px;
	background-repeat: no-repeat;
	border: 1px solid;
	height: 53px;
	margin-left: 65px;
	margin-top: 35px;
	width: 364px;
	font-size: 10px;
}
.img_esqui select {
	margin-left: 10px;
	font-size: 10px;
}
.img_snowboard {
	background-image: url("images/fondo_snow.jpg");
	background-position: -5px -5px;
	background-repeat: no-repeat;
	border: 1px solid;
	height: 53px;
	margin-left: 65px;
	margin-top: 35px;
	width: 364px;
	font-size: 10px;
}
.img_snowboard select {
	margin-left: 10px;
	font-size: 10px;
}
.label {
	color: #000000;
	float: left;
	height: 42px;
	margin-top: 18px;
	padding-right: 20px;
	width: 110px;
}
.label2 {
	color: #000000;
	float: left;
	height: 37px;
	margin-left: 130px !important;
	margin-top: 23px;
	text-align: right;
	width: 100px;
}
.float_left {
	float: left;
}
.botones-condiciones {
	margin: 20px 150px;
}
.boton-salir {
	margin-left: 200px;
}
.subtitulo {
	text-align: center;
}