html {
-ms-touch-action: manipulation;
touch-action: manipulation;
}



/* inputstl  modifica el estilo de las cajas de seleccion dropbox*/

.inputstl { 
    padding: 9px; 
    border: solid 1px #0077B0; 
    outline: 0; 
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #C6ECFF), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #C6ECFF 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 

    } 


.inputstl_01 { 
    color:green;
    font-size:14px;
    font-weight:strong;
    padding: 9px; 
    border: solid 1px #0077B0; 
    outline: 0; 
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f170ac), to(#FFFFFF)); 
    background: -moz-linear-gradient(top, #FFFFFF, #f170ac 1px, #FFFFFF 25px); 
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 

    }

.waiting_window{
   top:45%;
   left:45%;
   width:35%;
   height:400px;
   position:absolute;
   z-index:1000000;
   //display:none;
}




/* --- Fonts ------ */

@font-face {
    font-family: my-mist;
    src:url("../personal-fonts/MISTRAL.TTF"),
    url("../personal-fonts/mistral-webfont.woff"),
    url("../personal-fonts/mistral-webfont.eot");
}



@font-face {
    font-family: roboto;
    src:url("../personal-fonts/roboto/Roboto-Black.ttf");

}


@font-face {
    font-family: Yantramanav;
    src:url("../personal-fonts/Yantramanav/Yantramanav-Bold.ttf");

}




@font-face {
    font-family: boton;
    url("../personal-fonts/lucon.ttf");
}



@font-face {
    font-family: menu-font2;
    src:url("../personal-fonts/Montepetrum Thin.ttf");
}



@font-face {
    font-family: menu-font3;
    src:url("../personal-fonts/public/Tall & Lean.ttf");
}


@font-face {
    font-family: bariol-1;
    src:url("../personal-fonts/bariol/Bariol_Regular.otf");
}

@font-face {
    font-family: bariol-2;
    src:url("../personal-fonts/bariol/Bariol_Bold_Italic.otf");
}



/* ------------------ Menu ---------------------- 760 */ 

@media 
only screen and (max-width: 760px){

   .menu_baja{ 
     display: block; 
   }
   
   	.menu_alta { 
   	  display: none; 
	  }

 	  
}


@media only screen and (min-width:761px) and (max-width: 2000px) {

  .menu_alta{ 
     display: block; 
  }
   

	  
	.menu_baja { 
	  display: none; 
	  }


}




/* ------------------ Zona Baja ---------------------- 760 */ 

@media 
only screen and (max-width: 480px){

   .logo_baja{ 
     display: block; 
   }
   
   	.logo_alta { 
   	  display: none; 
	  }


	.logo_media_alta { 
	  display: none; 
	  }

	.logo_media { 
	  display: none; 
	  }	  
	  
  

}


/* ------------------ Zona Media ---------------------- 760 */ 


@media only screen and (min-width:481px) and (max-width: 767px) {

   .logo_media{ 
     display: block; 
   }
   
	.logo_alta { 
	  display: none; 
	  }

	.logo_media_alta { 
	  display: none; 
	  }

	  
	.logo_baja { 
	  display: none; 
	  }

}



@media only screen and (min-width:768px) and (max-width: 1024px) {

   .logo_media_alta{ 
     display: block; 
   }
   
	.logo_alta { 
	  display: none; 
	  }

	.logo_media { 
	  display: none; 
	  }

	.logo_baja { 
	  display: none; 
	  }

	.dropdown:hover .dropdown-menu {
		display: block;
	}
	


	
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
	  color: #ffffff;
	  background-color: #f170ac;
	}



}





/* ------------------ Zona Alta -----761-----------------  */ 

@media only screen and (min-width:1025px) and (max-width: 2000px) {


     .logo_alta{ 
       display: block; 
   }

	.logo_baja { 
	  display: none; 
	  }
	  
	.logo_media { 
	  display: none; 
	  }


	.logo_media_alta { 
	  display: none; 
	  }



	.dropdown:hover .dropdown-menu {
		display: block;
	}
	
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
	  color: #ffffff;
	  background-color: #f170ac;
	}
		
}


#header {
  position: fixed;
}


.background1
{
	background-color:#f170ac;
	color:#ffffff;
	opacity:0.85;

}

.background2
{
	/*background-color:#0661a0;*/
	background-color:#f170ac;
	opacity:0.75;
	margin-top:5px;

	
}




/* .sf-menu,.sf-menu li { margin: 0; padding: 0; float: right; }*/


.sf-with-ul{
     float: none; 
     margin: 0px; 
     padding: 0px; 
     color:#ffffff;
     background:#f170ac;
     }
     



.sf-menu  ul li { 
     float: none; 
     margin: 0px; 
     padding: 0px; 
     color:#ffffff;
     background:#f170ac;
     }


.sf-menu  ul li>a { 
     color:#ffffff;
     background:#f170ac;
     }
     
.sf-menu  ul li>a:hover { 
     color:#ffffff;
     background:#f170ac;
     }     

.sf-menu  ul li:hover { 
     float: none; 
     margin: 0px; 
     padding: 0px; 
     color:#ffffff;
     background:#f170ac;
     }

.main-menu{
  float:right;
  color:#ffffff;
  font-weight:strong;
}

.main-menu-baja{
  float:left;
  font-weight:strong;
  //border-bottom: solid 1px #ffffff;
}

p.italic {
    font-style: italic;
}

a.italic {
    font-style: italic;
}




.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    font-size:18px;
    font-family: Yantramanav;
    background:#f170ac;
    border:none;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    text-decoration: underline;
    font-size:1.5em;
    /*background-color: #ffffff;*/
    background:#f170ac;
}


.font_style_01{
    color: #ffffff;
    font-style: italic;
    font-family: Yantramanav;
    text-decoration: none;
    font-size:1.8em;  
    text-shadow: 0 0 10px #fff,
	     0 0 20px #fff,
	     0 0 30px #fff,
	     0 0 40px #ff00de,
	     0 0 70px #ff00de,
	     0 0 80px #ff00de,
	     0 0 100px #ff00de,
	   0 0 150px #ff00de;    
}


/*
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
  background-color: #ffffff;
    text-decoration: underline;
    font-size:1.5em;  
}

*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #E7E7E7;
    color: #E7E70D;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;  
    text-decoration: underline;
    font-size:1.5em;   
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
  
}




/* ICON MENU */

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
   background-color: #a2a4a5; 
   opacity:0.85;

}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}



/* ----  Brand -----*/

.navbar-default .navbar-brand {
    color: #ffffff;
    font-size:28px;
    font-family: Yantramanav;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FFFFFF;
}


article{
   width:60%;
   float:left;
   font-size:30px;
}

aside{

   //font-family: Yantramanav;   
   font-family: bariol-1; 
   font-size:40px;
   width:30%;
   float:right;
   margin-top:8px;
}



.aside_class{
   width:40%;
}

/* ----  My Carrousel -----*/


  .carrousel-margins{
      width:100%;
      position:absolute;
      z-index:-1;      
      margin-top:150px;     

  }

  .inner-margins{
      width:100%;

     
  }

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      max-height: 300px;

  }


.body_bg{
       background-color: #FDD7F2;
}

.white_space{
   height:30px;
 }

.foto{
   //padding-top:2px;
   //padding-bottom:10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
   //overflow:hidden;
   //border:solid 1px;
}

/*

.btn-default:focus,
.btn-default:active,
.btn-default.active
{
  background-color: #f170ac;
}
*/

/* --- Cambia el fondo de la imagen cuando el boton es seleccionado ---  

.btn :hover
{
  color: #f170ac;
  background-color: #f170ac;
}



.tooltip.in{
   background-color: #f170ac;
}
*/

.popover{
   color: #f170ac;
  
}

.popover-title {
  color: #ffffff;
  padding: 8px 14px;
  margin: 0;
  font-size: 20px;
  font-weight: normal;
  line-height: 18px;
  //background-color: #f7f7f7;
  background-color: #f170ac;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover.top {
  margin-top: 10px;
}




.cursor-1{
    cursor: pointer; 
    cursor: hand; 
    text-decoration: none;
 }

.letrero{
   color:#f170ac;
   text-align:center;
   //font-style:italic;
   padding-top:7px;
   font-family: bariol-2;   
   font-size:20px;   
   //text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}

.letrero-2{
   margin-top:-22px; 
}

.letrero-page{	
   color:#f170ac;
   margin-top:10px;
   font-size:36px;
   text-align:center;
  font-family: bariol-2; 
  
        text-shadow: 0 0 10px #fff,
                     0 0 20px #fff,
                     0 0 30px #fff,
                     0 0 40px #ff00de,
                     0 0 70px #ff00de,
                     0 0 80px #ff00de,
                     0 0 100px #ff00de,
                   0 0 150px #ff00de;
}






.logotext {

   color:#f170ac;
   margin-top:0px;
   font-size:46px;
   text-align:center;
  font-family: bariol-2; 
  
        text-shadow: 0 0 10px #fff,
                     0 0 20px #fff,
                     0 0 30px #fff,
                     0 0 40px #ff00de,
                     0 0 70px #ff00de,
                     0 0 80px #ff00de,
                     0 0 100px #ff00de,
                   0 0 150px #ff00de;

  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #f170ac;
}


.inner_col{
    padding:5px;
    border:solid 1px white;padding:2px;

 }

.inner_row_col{
    padding-top:5px;
 }