@import url("../vendor/bootstrap/css/bootstrap.min.css");
html,button,input,select,textarea{color:#3f3f3f;}

/* body{font-size:1em;line-height:1.4;}
*/

/*
* Remove text-shadow in selection highlight:h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}

/*
* A better looking default horizontal rule
*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/*
* Remove the gap between images and the bottom of their containers:h5bp.com/i/440
*/
img{vertical-align:middle;}

/*
* Remove default fieldset styles.
*/
fieldset{border:0;margin:0;padding:0;}

/*
* Allow only vertical resizing of textareas.
*/
textarea{resize:none;}
iframe{border:none;}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.disabled{opacity:0.5;filter:alpha(opacity=50);}
.no_disabled{opacity:1;filter:alpha(opacity=100);}
input,div,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;}
.clear{clear:both;}
.right{float:right!important;}
.right10{padding-right:10px;}
.left10{padding-left:10px;}
.right5{padding-right:5px;}
.left5{padding-left:5px;}
.left{float:left!important;}
.display-none{display:none;}
.red-color{color:#f00;}
.txt_center{text-align:center;}
.txt-right{text-align:right;}
.width100{width:100%;}
.no-display{display:none;}
a:hover { text-decoration: none; }
.row { padding: 0;margin: 0; }
.only-mobile { display: none; }

/* ==========================================================================
Author's custom styles
========================================================================== */
body { background: #f4f4f4; font-family: 'Roboto', sans-serif;}
header img { width:100%; }
header .menu {position: absolute; width: 100%; }
header .apartados { background: rgba(255,255,255,0.9); margin:30px 0 0 0; padding-left: 30px; }
header .apartados ul { list-style-type: none; padding: 0; margin: 0; }
header .apartados li { float: left; line-height: 40px; font-weight: bold; }
header .apartados li a { display: block;color:#000;padding: 0 14px; }
header .apartados li a:hover,header .apartados li a.active { text-decoration:none;background: rgba(255,255,255,0.9); }
header .apartados li a:active { text-decoration:none; }
header .apartados li.right .glyphicon { color: #6f6d6d; font-size: 7pt; }

.info { margin-top:-30px; position: relative; width: 100%; }
.box { box-shadow: 0 3px 6px rgba(0,0,0,.16); background: #fff; padding: 20px; min-height: 349px; margin-bottom: 30px;}
.box h2 { font-family: 'PT Sans', sans-serif; margin: 0; }
.box h2 .glyphicon { font-size: 16pt; }

#calendar .nodia { border: 1px solid #ccc; height: 50px; height:60px; }
#calendar .dia { border: 1px solid #ccc; height: 60px; padding: 0; }
#calendar .dia .calinfo { height: 20px; height: 44px;} 
#calendar .dia .num { font-size: 8pt; text-align: right; padding: 0 5px 0 0; }


.cal1 { padding-right: 3px; }
.cal2 { padding-left: 3px; }
.calendarios .cal2 { padding-left: 0 !important; margin-top:20px; }
.cal3 { padding-left: 5px; overflow: auto; height: 400px; }
.cal3 .eve{ padding: 5px; border-bottom: 1px solid #ccc; cursor: pointer; }
.cal3 .eve .tit { margin-bottom: 10px; line-height: 13px;font-size: 9pt; font-weight: bold;}
.cal3 .eve .ligalugar { font-size: 9pt; }
.cal3 .eve .lugar { margin-top:5px; }

 .eve { position: relative; transition: all 1s; } .eve:after { opacity:0; } .eve:hover:after { content: '\A'; position: absolute; width: 100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.1); opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } 



.calendarios { margin-top:10px; }
.botonera { font-size: 10pt; margin-top: 10px; }
.botonera a:hover,.botonera a:active { text-decoration: none; }
#calendar { margin-bottom: 0; }
#calendar th { background-color:#c1e0f2; color:#000; width:40px; font-weight: normal; color:#6f6d6d; font-size: 9pt; line-height: 0; border: 1px solid #ccc; }
#calendar caption { text-align:left; background-color:#ccc; color:#fff;font-weight:normal; padding:2px 10px;font-size: 10pt; color:#000; }
#calendar .evento { font-size: 8pt; padding: 2px 5px; font-weight: bold; }

.novas { padding-right: 10px; }
.nova { border:1px solid #ccc; }
.nova a { padding: 10px; display: block; font-weight: bold; color: #221f1f;}
.nova a:hover { background: #f4f4f4; text-decoration: none;  }
.nova1 .title { background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); width: calc(100%); color:#fff; padding:5px; height: 150px; margin-top: -150px; font-size: 18pt; padding: 85px 20px 0 20px; line-height: 29px;}
.nova1 .pic { height: 372px; }
.novas .peq { padding-top: 10px; }
.novas .peq .col1 { padding-right: 5px; }
.novas .peq .col2 { padding-left: 5px; }
.novas .peqpeq .title { font-size: 10pt; }
.novas .peqpeq.col1 { padding-right: 5px; }
.novas .peqpeq.col2 { padding-right: 2.5px; padding-left: 2.5px; }
.novas .peqpeq.col3 { padding-left: 5px; }
.nova2 { min-height: 252px; }
.nova2 .pic { height: 180px; margin-bottom:10px; }
.nova3 { min-height: 211px; margin-bottom: 10px; }
.nova3 .pic { height: 140px; margin-bottom:10px; }
.novas .der { padding-left: 10px; }

.clubs .cl { padding: 5px; }
.clubs .club { border: 2px solid #ccc; border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px; background:#f4f4f4; }
.clubs .club .pic { height:100px;padding: 5px; background:#fff; overflow: hidden; text-align: center; }
.clubs a { color:#000; }
.clubs a:hover .club { background: #ccc; }
.clubs .club .pic .alto { height: 100%; }
.clubs .club .pic .ancho { width: 100%; }
.clubs .club .txt { padding: 10px; font-size:11pt; }
.clubs .club .ligas { margin-top:20px; }
.clubs .club .liga span { padding: 0 10px; font-size: 9pt; }

#club .pic img { width:90%;  }
#club h2 { text-style:italic; margin-bottom: 30px; }
#club .lainfo { padding-right: 10px; }
#club .lainfo .glyphicon { margin-right:10px; }
#club .lainfo p { font-size: 11pt; }
#club .rrss { font-size: 19pt; margin-top:20px; }
#club #map { height: 230px; }
#club .ap { padding: 20px;  }
#club .history { font-size: 12pt; display: block; }
#club .membro { text-align: center; }
#club .membro .circulo {
     width: 232px;
     height: 232px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     margin: 0 auto;
     border: 8px solid #ccc;
}
#club .membro a { color:#000; }
#club .membro a:hover { color:#047f99; }
#club .membro a:hover .circulo { border: 8px solid #047f99; }
#club .membro .membername { font-size: 15pt; font-weight: bold; }
#club .membro .condicion { font-size: 13pt; margin: 10px 0 60px 0; }
#club .membro .circulo img { width:100%; }
#club .raia { border-bottom:2px solid #ccc; margin-top: 20px;  }
#club h3 { margin-top: -19px;font-size: 25pt; font-weight: bold; }
#club h3 span { background: #fff; padding: 0 20px; }

#club .trainera { margin-left: 85px; }
#club .calor {
     position: absolute;
     width: 20px;
     height: 20px;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     background: rgba(255,0,0,0.3);
}
.calor.estribor1 { margin: 95px 0 0 55px; }
.calor.estribor2 { margin: 125px 0 0 55px; }
.calor.estribor3 { margin: 155px 0 0 55px; }
.calor.estribor4 { margin: 185px 0 0 55px; }
.calor.estribor5 { margin: 215px 0 0 55px; }
.calor.estribor6 { margin: 245px 0 0 55px; }

.calor.babor1 { margin: 95px 0 0 80px; }
.calor.babor2 { margin: 125px 0 0 80px; }
.calor.babor3 { margin: 155px 0 0 80px; }
.calor.babor4 { margin: 185px 0 0 80px; }
.calor.babor5 { margin: 215px 0 0 80px; }
.calor.babor6 { margin: 245px 0 0 80px; }

.calor.proel { margin: 285px 0 0 60px; }
.calor.patron { margin: 75px 0 0 70px; }

.migas { margin-bottom:30px; border: 1px solid #ccc; float: left;}
.migas .miga { background-color: #f9f9f9; float: left; padding: 5px 15px; font-size: 9pt; }
.migas .left { height: 27px;border-left:1px solid #ccc;border-right:1px solid #fff; }
.migas .glyphicon-chevron-right { color:#ccc; }

.pics100 img { width: 100%;  }

#regata h1 { font-size: 18pt; }

.galeria .title {
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    width: calc(100%);
    color: #fff;
    height: 70px;
    margin-top: -70px;
    font-size: 11pt;
    padding: 27px 10px 0 10px;
    line-height: 19px;
}
.galeria a:hover .title { color:orange; }

.patrocinios img { height: 100px; }

.tab-content li { margin-bottom: 10px; }

.alndoc { box-shadow: 0 3px 6px rgba(0,0,0,.16); background: #fff; padding: 20px; margin-bottom: 10px; text-align:center; height: 140px; }
.alndoc i { font-size: 32pt; margin-bottom: 10px; }
a:hover .alndoc { background: #ccc; }

footer { background-color: #0a475c; padding:40px 30px 30px 50px; margin-top:50px; color: #fff;}
footer a { color: #fff; }
footer .txt_center { font-size: 18pt; }

.general h2,.ultimos h2 { font-size: 20px; }

.menuconfig { margin:40px 0; }
.menuconfig ul { list-style-type: none; padding: 0; margin: 0; }
.menuconfig li { float: left; line-height: 40px; font-weight: bold; }