/*@font-face {
    font-family: 'Sans';
    src: local('Sans'), url('http://www.flamencum.com/css/fntlong/sans.ttf') format('truetype');
}
@font-face {
    font-family: 'ArchivoNarrow';
    src: local('ArchivoNarrow-Regular.ttf'), url('http://www.flamencum.com/css/fntlong/ArchivoNarrow-Regular.ttf') format('truetype');
}*/

* { padding:0px; margin:0px;}

html, body { 
    font-size: 1em;
}

body {
  background: url("../img/bg3.png") top left repeat-y;
  background-size: 100% auto;
  font-family: 'Raleway', sans-serif;
  font-weight: lighter;
  color:white;
}

abbr,article,spam,aside,audio,canvas,datalist,details,figure,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{
   display: block;
}

.contenedor {

    width:90%;
    margin:0 auto;

}

header{
    color: #fff;
    z-index:0;
    margin-top:20px;
}
#contenido {
  padding-bottom:60px;
}
footer {
    color: #fff;
    background-color:#000;
    position: fixed;
    width:100%;
    bottom:0;
    z-index:100;
    padding:5px;
}

.background {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.texto{

   font-size: 18px;
   color:#fff;
}

.textomini{
   font-size: 10px;
   color:#fff;
}
.slidecontainer {
  display:block;
  width: 77%;
}

.slideleft {
  display:inline-block;
  width:72%;
  vertical-align: top;
}

.slideright {
  display:inline-block;
  width:27%;
  vertical-align: top;
}

.slideright img{
  /*width:100%;*/
}

h1 {
   font-size: 1.8em;
   color:#fff;
   font-weight: lighter;
   border-bottom: 4px dotted white;
   margin-bottom:1.2em;
}

h2 {
  font-size: 1.5em;
  font-weight: lighter;
  margin-bottom:1em;
}

.home h1 {
   font-size: 36px;
   color:#fff;
   font-weight: lighter;
   border-bottom: none;
}

.logolink {
   text-decoration:none;
   color:#FFF;
}

.textlogo {
   font-size: 30px;
   color:#FFF;
   margin-left:10px;
   display: inline-block;
   width:20%;
}

.textlogo a {display:block;}

.textlogo img {
  display:block;
  width:100%;
}

nav {
  display:inline-block;
  width:75%;
  text-align: right;

}

#menuContent {

 
}

#principal{
   width:90%;
   margin-left:auto!important;
   margin-right:auto!important;
   margin-top:5%;
}

.home #principal{
   width:100%;
   background-color:rgba(0,0,0,0.5);
}

#nav {
    list-style: none;
}

#nav li {
    display: inline-block;
}

#nav li a {
    color:#FFF;
    display: block;
    padding: 10px;
    text-decoration:none;
    font-size:1em;
}

#nav li a:hover, 
#nav li a.active {
    background-color:#590000;
}

#nav li ul {
    display:none;
}


#nav li ul li {
    margin: 5px 0;
    display: block;
}

#nav li a img {
    border-width: 0px;
    margin-right: 8px;
    vertical-align: middle;
}

#nav ul li a img {
    border-width:0px;
    height:16px;
    line-height:22px;
    margin-right:5px;
    vertical-align:middle;
    width:16px;
}


.enlacetabla {
    color:#FFF;
    padding:5px;
    text-decoration:none;
}
.enlacetabla:hover, 
.enlacetabla:active {
    padding-top:5px;
    padding-bottom:5px;
    padding-right:10px;
    background-color:#590000;
}

.tablaayuda {
   color:yellow;
   font-size: 0.8em;
}

/* @group modal form */
input[type="text"], input[type="password"], textarea, select { outline: none; }


#navfooter {display: inline-block; float:right;margin-top:10px;}
#navfooter select {
  margin-right: 10px;
  border:1px solid white;
  width: 8em;
  background-color: black;
  color: white;
  font-size: 0.8em;
  font-weight: lighter;
}

#navfooter a{color:white;text-decoration: none;}

#msgform { width: 330px; background: #faf7e3; border: 8px solid #f0ecd0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 4px 14px; top: -1px; z-index: 9; }

.mainCompose { display: inline; }
.mainCompose2 { display: inline; }

.msgInput { border: 1px solid #d8d5bb; border-top-color: #b1ae99; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 290px; font-size: 15px; color: #727167; padding: 4px 7px; font-family: 'Raleway', sans-serif; }
.msgField { border: 1px solid #d8d5bb; border-top-color: #b1ae99; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 290px; color: #a4a39c; color: #727167; font-size: 15px; padding: 5px 9px; font-family: 'Raleway', sans-serif; height: 140px; margin-bottom: 20px; }

#composebtn img { cursor: pointer; }

#tofield { margin-bottom: 1px; }

.containmsg { margin-left: 30em; height:100%; display: inline-block; position: relative; }
.containmsg .mainCompose { position: absolute; top: 20px; }

.containmsg2 {display: inline-block; text-align:left;}


.recipient { display: block; padding: 3px 7px; text-decoration: none; font-family: 'Raleway', sans-serif; font-size: 11px; font-weight: bold; background: #eae7d1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #949286;}


.recipient:hover { color: #75746a; }

.userslist { display: inline; list-style: none; padding: 0; margin-bottom: 5px; position: relative; top: 10px; margin-left: 2px; }
.userslist li { float: left; }

#tofield:focus, #mymsg:focus { box-shadow: 0px 0px 7px #007eff; }

#msgform label {float:left; color: #827f6a; font-size: 14px; font-weight: bold; margin-bottom: 4px; }

.calloutUp { height: 0; width: 0; border-bottom: 12px solid #f0ecd0; border-left: 12px dotted transparent; border-right: 12px dotted transparent; left: 0px; top: 0px; margin-left: 30px; z-index: 10; }
.calloutUp2 { position: relative; left: -12px; top: 8px; border-bottom: 12px solid #faf7e3; border-left: 12px dotted transparent; border-right: 12px solid transparent; z-index: 11; }

p#errortxt { margin-top: -15px; font-size: 0.7em; font-style: italic; color: #555; margin-bottom: 10px; }

.sendbtn { display: inline-block; outline: none; margin-bottom: 12px; cursor: pointer; font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 12px; color: #827f6a; padding: 7px 12px; border: 1px solid #cac8bb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-top-color: #dddac3; text-shadow: 0px 0px 1px rgba(97,97,93,.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); background: #f6f5ea; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f3), to(#f5f4e6)); background: -moz-linear-gradient(top,  #f9f9f3,  #f5f4e6); }

.sendbtn:hover { background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fbfbf5)); background: -moz-linear-gradient(top,  #fff,  #fbfbf5); color: #93928d; }


/* @slider */
#slides .slides_container {
	width:570px;
	height:170px;
	display:none; 
}

#slides .slides_container div {
	width:570px;
	height:170px;
	display:block;
}

#slides_two {
  position: relative;
}

#slides_two .slides_container {
	margin-top:4em;
	width:80%;
	display:inline-block;
  margin:0 auto;
}
.slides_control{}
.divprev {
	 left: 2em;
    position: absolute;
    top: 40%;
}

.divprev a img {border:none;}

.divnext {
	    right: 2em;
    position: absolute;
    top: 40%;
}

.divnext a img {border:none;}

.slideback1{
	padding:1em;
}
.slideback2{
	padding:1em;
}
.slideback3{
	padding:1em;
}
.enlaceslide {
   text-decoration:none;
   color:#fff;
   font-weight:bold;
}

a.prev {

}
.paginaslide {
    padding-bottom: 10px;
    display: block;
}
ul.pagination {	
       list-style: none;
       display:block;
       margin:0 auto;
       width:30%;
       text-align: center;
}
ul.pagination li {
	display:inline;
	margin-left:0em;
}
.lislide {
}
.pagination a {
	text-decoration:none;
	width:15px;
	border:1px solid white;
  border-radius: 15px;
  background-color: rgba(255,255,255,0.6);
  height:15px;
  display: inline-block;
  margin:0 5px;
}
.pagination .current a {
	text-decoration:none;
	color:white;
  background-color: white;
}


#ico_f{
    background: url(http://www.flamencum.com/img/ico_f.png) no-repeat;
    height:25px;
    width:25px;
    margin-top:0.2em;
    display:inline-block;
}
#ico_f:hover{
    background: url(http://www.flamencum.com/img/ico_f_hover.png) no-repeat;
    height:25px;
    width:25px;
}
#ico_t{
    background: url(http://www.flamencum.com/img/ico_t.png) no-repeat;
    height:25px;
    width:25px;
    margin-top:0.2em;
    display:inline-block;
}
#ico_t:hover{
    background: url(http://www.flamencum.com/img/ico_t_hover.png) no-repeat;
    height:25px;
    width:25px;
}

table {
  background-color: rgba(0, 0, 0, 0.5);
   border-spacing: 0px; 
   width: 100%;
   padding: 15px;

}

tbody {

}

table caption {
   font-size: 26px;
   text-align: left;
   color: #fff;
   border-bottom:1px dotted #fff; 
      margin-bottom:20px;
}
thead th {
   color: #fff;
   text-indent:2px;

}
tbody tr { }


tbody tr.odd { }
tbody th {padding-left: 10px !important;   padding-top:0.2em; }
tbody tr.odd th {padding-left: 40px !important; }

tbody th, tbody td {
   font-size: 1em;
   color: #fff;
   text-align: left;
   padding-top:0.2em;
   font-weight:lighter;
   border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
}

tbody th {
  width: 25%;
  padding:5px;
}


#notes{
   border:1px dotted #fff;
   background-color:#330000; 
   width:77%;
   padding-top:0.4em;
   padding-bottom:0.4em;
   padding-left:0.4em;
}
.textonotes{
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   color:#fff;
}
#terms {
   color:#fff;
   margin-left:auto!important;
   margin-right:auto!important;
   margin-top:2em;
   width:90%;
   font-family: 'Raleway', sans-serif;
   font-size:13px;
}
.termsmail{
   text-decoration:none;
   font-weight:bold;
   color:yellow;
}
.termsmail:hover{
   text-decoration:underline;
}

.detallevideo {
  background-color: rgba(0, 0, 0, 0.5);
  padding:15px;
  color:white;
  vertical-align: top;
}

.cajavideo {
  display:inline-block;
  width: 64%;
}

.cajavideo ul{
  margin-top: 5px;
}

.cajavideo ul li{
  display:inline-block;
  margin:5px;
  list-style-type: none;
}

.detallevideo ul li a{
  text-decoration:none;
  color:white;
  font-size:0.8em;
  width: 50px;
  border-radius: 100px;
  display: inline-block;
  font-weight: normal;
  margin: 3px;
  text-align: center;
  vertical-align: middle;
  padding: 16px 0;
}

.detallevideo ul li a span{
  margin: 0 auto;
}

.estilovideo {
  background-color: #ef8008;
}

.pdf {
  background-color: #ef3408;
}

.detallevideo ul li a:active,
.detallevideo ul li a:focus,
.detallevideo ul li a:hover{
  background-color: white;
  color: black;
}

.cajadescripcionvideo {
  display:inline-block;
  width: 33%;
  vertical-align: top;
  padding-left: 20px;
}

.cajadescripcionvideo ul{
  padding-left:20px;
  list-style-type: none;
  margin-top:10px;
}

.btntime {
   background:transparent;
   color:white;
  border: 1px dotted #727272;
   cursor: pointer;
}

.capabuscar {
  margin-bottom: 15px;
  border-bottom: 2px dotted rgba(255,255,255,0.2);
  padding-bottom:15px;
}


#ultvideos {
   color:#FFF; 
   padding:15px;
   background-color:rgba(0, 0, 0, 0.5);
}

#ultvideos a{
   color:#FFF; 
}

#ultvisit {
   color:#000;
   border:1px solid #fff; 
   padding-left:1em;
   padding-top:0.2em;
   border-radius:0.5em;
   background-color:#f9edbb;
}
.masrecientes {
   padding-top:15px;
}
.paginasultvideos {
   display: block;
   margin-top:15px;
   border-top:2px dotted rgba(255, 255, 255, 0.2);
   padding-top: 15px;
}
.enlacepagina{
   padding:0.4em;

   color:black;
   text-decoration:none;
   background-color:#590000;
   
}
.noenlacepagina{
   padding:0.4em;

   text-decoration:none;
   text-align:center;
   background-color:rgba(89,0,0,0.3);
}

.cromo {
  display:inline;
  float:left;
}
.caricat {
  padding-right:1em;
}
.caricattexto {
  text-align:center;
  padding-bottom:1em;
  font-size:0.8em;
  text-decoration:none;
}
.enlacecaricat{
  text-decoration:none;
}


.frmsearch{
   text-align:center;
   display:inline;
}
.txtsearch{
  border:1px solid black;
  width:18em;
  font-size:1em;
  padding:3px;
  font-family: 'Raleway', sans-serif;
}

.btnsearch{
  border:1px solid white;
  font-size:1em;
  background-color:black;
  color:white;
  font-weight:lighter;
  padding:1px 3px;
  font-family: 'Raleway', sans-serif;
}

.sugiere{
  display:inline-block;
  float:right;
}
#ultvideos .enlacecomparte {
   text-decoration:none;
   padding-top:0.2em;
   padding-bottom:0.2em;
   padding-left:0.4em;
   padding-right:0.4em;
   color:#fff;
   background-color:#590000;
   display: block;
}

#ultvideos .enlacecomparte:active,
#ultvideos .enlacecomparte:focus,
#ultvideos .enlacecomparte:hover {
   text-decoration:none;
   padding-top:0.2em;
   padding-bottom:0.2em;
   padding-left:0.4em;
   padding-right:0.4em;
   background-color:#000;
}