@charset "UTF-8";
/* CSS Document */
body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif; background-color:#000;}

a img{ border:0;}

a:active img{ border:0;}

#container{ width:960px; height:1200px; margin:0 auto;  /*border:1px solid #CCC;*/background:#FFF url(../images/fondo_container.png) no-repeat center top; background-color:#000;}

#header{ position:relative; width:100%; height:150px; /*overflow:hidden;*/}

#logotipo{ position:absolute; padding:0; left:100px; top:15px;}
#redes_sociales{ position:absolute; width:170px; height:58px; left:743px; top:85px;}

#content_navbar{ width:840px; height:35px; padding:0; margin:0 auto; background:#865E1F;}
#navigation_bar{ clear:both; width:600px; height:33px; padding:0; margin:0 auto; background:#865E1F;} /*CLEAR ES PARA QUE VEA LO FLOTANTE Y LO RESPETE LEFT, RIGHT BOTH (AMBOS) Y NONE*/


#navigation_bar ul{ margin:0; padding:0; list-style:none;}
#navigation_bar ul li{ float:left; position:relative; margin:0 auto; height:auto;}
#navigation_bar ul li a{ display:block; background:#865E1F; width:100px; padding:10px; text-align:center; text-decoration:none;font-family: 'Open Sans', sans-serif;font-weight:300; font-size:11px; color:#FFF; }

#navigation_bar ul li a:hover { background:#860005; color:#FFF; }

#navigation_bar .submenu { position:absolute; margin-left:0px; width:130px; z-index:20000;}
#navigation_bar .submenu li a { width:100px; text-transform:none; font-size:12px;  float:none;  /*border:1px solid #4D4D4D;*/ border-top:none; background:#333;}
#navigation_bar .submenu li a:hover { background:#860005; color:#FFF; }

/*COMIENZA DISEÑO DE CONTENIDO*/
#content{ clear:both; position:relative; width:840px; height:auto; padding:0; margin: 0 auto;} /*height:540px*/

h1 { font-weight:300; padding:0 20px; color:#C4A450;}
h2 { font-weight:300; padding:0 20px; color:#C4A450;}
p { font-weight:300; font-size:12px; padding:0 20px; color:#FFF; text-align:justify;}

#content a { display:block; width:auto; text-decoration:none;}



/*#content a:link { color:#FF0;}*/
#content a:visited { background-color:#333;}
#content a:hover { background-color:#860005;}
#content a:active { background-color:#900;}

/*#content a:link img{ background-color:#0F0;}*/
#content a:visited img{ background-color:#333;}
#content a:hover img{ background-color:#860005;}
#content a:active img{ background-color:#900;}


#vestuario{ width:840px; height:159px; padding:0; background-color:#000; /*border-right: solid 7px #C4A450;*/ float:left; margin-bottom:10px; margin-top:15px;}
#vestuario img { width:270px; height:159px; padding:0; margin:0 auto; float:left;}
#texto_vestuario{ width:566px; height:154px; padding:0; margin:0; float:right; background-color:#000; text-align:justify;}


#uniformes{ width:840px; height:159px; padding:0; background-color:#000; /*border-right: solid 7px #C4A450;*/ float:right; margin-bottom:10px;}
#uniformes img { width:270px; height:159px; padding:0; margin:0 auto; float:right;}
#texto_uniformes{ width:566px; height:154px; padding:0; margin:0; background-color:#000; text-align:justify; float:left;}

#botargas{ width:840px; height:159px; padding:0; background-color:#000; /*border-right: solid 7px #C4A450;*/ float:left; margin-bottom:20px;}
#botargas img { width:270px; height:159px; padding:0; margin:0 auto; float:left;}
#texto_botargas{ width:566px; height:154px; padding:0; margin:0; float:right; background-color:#000; text-align:justify;}



/*TERMINA DISEÑO DE CONTENIDO*/


/*Slider Flow*/

  #container_slider{

	width:840px;
	height:370px;
	margin:0px auto 55px auto;
	padding:0px;}


#sliderContainer { width: 840px; height: 360px; position: relative; /*border-top: 15px solid #333;*/ border-bottom: 20px solid #333; margin: 0 auto; }

.slideContent {  position: absolute; bottom:0px; right:0px; padding: 10px; width: 820px; }

.slide h3 {  font: 26px/1em 'Rokkitt', serif; color: #FFF;  margin: 0 0 5px 0; }

.slide p { font-size: 14px; color: #FFF; margin: 0; }


.jFlowSlideContainer { overflow: hidden; }

.jFlowSlideContainer a { color: #F90; text-decoration: none; font-style: italic; }

.jFlowSlideContainer a:hover { text-decoration: none; }

.jFlowSlideContainer a:focus { position: relative; top: 1px; }

.jFlowNext { /*background:url("../images/arrows.png") no-repeat scroll 0 -35px transparent;*/ height:130px; position:absolute; top:105px; right: -50px; width:50px; /*cursor:pointer;*/ }

.jFlowPrev { /*background:url("../images/arrows.png") no-repeat scroll -84px -35px transparent;*/ height:130px; position:absolute; top:105px; left: -50px; width:50px; /*cursor:pointer;*/ }

.jFlowPrev:hover { background-position: -84px -235px; }

.jFlowNext:hover { background-position: 0px -235px; }


/* controller pagination */

#myController {position: absolute; top: 5px; right: 5px; }

.jFlowControl { /*background: url("../images/bullet.png") no-repeat scroll 0px 0px transparent;*/  float: left; width: 15px; height: 15px;}

.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }

.jFlowSelected, .jFlowSelected:hover {background-position: -15px 0px; }
  
 
 #btn_megusta{ position:absolute; z-index:1000; left:40px; top:386px;}
  

/*COMIENZA DISEÑO DE FOOTER*/

#footer{ clear:both;width:840px; margin:0 auto; padding:10px 0px; border-top:1px solid #C4A450;font-weight:550;font-size:11px; text-align:center; color:#C4A450;/*border:1px solid #CCC;*//* background:#FFF url(../images/bk_footer.gif);*/}
#footer a{ text-decoration:none;}
#footer a:link { color:#C4A450;}
#footer	a:visited { color:#CCC;}
#footer	a:hover { color:#FFF;}
#footer a:active { color:#FFF;}
/*SELECTORES CLASS*/
.borrarFlotado{clear:both;}