body {margin:0;padding:0}

img { 
   border:0px solid transparent;
}




.loader {
    text-align: center;    
}
.loader span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 50px auto;
    background: #B50808;
    border-radius: 50px;
    -webkit-animation: loader 0.9s infinite alternate;
    -moz-animation: loader 0.9s infinite alternate;
}
.loader span:nth-of-type(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}
.loader span:nth-of-type(3) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
@-webkit-keyframes loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
  }
}
@-moz-keyframes loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -moz-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -moz-transform: translateY(-21px);
  }
}







.pie
{
background-color:black;
width: 100%;
height:440px;


}



.estilo_aviso_error
{

position:relative;
width:auto;
top:-60px;
background-color: #E6E6E6;
padding-top:20px;
padding-bottom:20px;
padding-left:70px;
padding-right:20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;


border-bottom-right-radius:5px; 
border-bottom-left-radius:5px; 
-moz-border-bottom-right-radius:5px; /* Firefox */ 
-moz-border-bottom-left-radius:5px; /* Firefox */ 
-webkit-border-bottom-right-radius:5px; /* Safari y Chrome */ 
-webkit-border-bottom-left-radius:5px; /* Safari y Chrome */ 


}



a
{
text-decoration:none;
}





.historia_circular { 
 width: 100px;
 height: 100px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;
 	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);

} 


.historia_circular:hover { 

 width: 105px;
 height: 105px;

} 



.consultorio_circular { 
 width: 60px;
 height: 60px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;


} 


.boton_blanco
{
   background-color: transparent;
    border: 1px solid #f2f2f2;
 


    border-radius:5px; 
   
 -moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */  

}
.boton_blanco:hover
{

    border: 2px solid #f2f2f2;

    border-radius:5px; 
 
 -moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */  

}

.comic_derecho 
{
position: relative;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:8px;
}

.comic_derecho:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 8px 0 8px 13px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
right: -12px;
top: 6px;
}



.avatar_circular { 
 width: 70px;
 height: 70px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;
 
-webkit-box-shadow: 5px 5px 20px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    5px 5px 20px 0px rgba(50, 50, 50, 0.52);
box-shadow:         5px 5px 20px 0px rgba(50, 50, 50, 0.52);



} 



.avatar_circular_pequeno { 
 width: 32px;
 height: 32px;
 border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-khtml-border-radius: 50px;
 overflow: hidden;
 




} 







 
 
 
 
.sombra_simple
{

-webkit-box-shadow: 5px 5px 20px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    5px 5px 20px 0px rgba(50, 50, 50, 0.52);
box-shadow:         5px 5px 20px 0px rgba(50, 50, 50, 0.52);

}

.avatar_circular:hover { 
 width: 90px;
 height: 90px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;

-webkit-box-shadow: 5px 5px 20px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    5px 5px 20px 0px rgba(50, 50, 50, 0.52);
box-shadow:         5px 5px 20px 0px rgba(50, 50, 50, 0.52);


} 



.avatar_circular_grande { 
 width: 120px;
 height: 120px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;

} 


.avatar_circular_grande_inicio { 
 width: 120px;
 height: 120px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;

} 



.avatar_circular_negro { 
 width: 40px;
 height: 40px;
 border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-khtml-border-radius: 100px;
 overflow: hidden;

} 

.triangulo_arriba
{
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 30px;
border-color: transparent transparent #ffffff transparent;
line-height: 0px;
_border-color: #000000 #ffffff #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.triangulo_derecha
{
width: 0;
height: 0;
border-style: solid;
border-width: 9px 10px 9px 0;
border-color: transparent #9eb5bc transparent transparent;
line-height: 0px;
_border-color: #000000 #9eb5bc #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}

.triangulo_izquierda
{
width: 0;
height: 0;
border-style: solid;
border-width: 20px 30px 20px 0;
border-color: transparent #f2f2f2 transparent transparent;
line-height: 0px;
_border-color: #000000 #f2f2f2 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}


.triangulo_abajo
{
background:#f2f2f2;
display: block;

-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px; 

}

.triangulo_izquierda_historia
{
width: 0;
height: 0;
border-style: solid;
border-width: 9px 10px 9px 0;
border-color: transparent #0b8737 transparent transparent;
line-height: 0px;
_border-color: #000000 #0b8737 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}


.triangulo_izquierda_opinion
{
width: 0;
height: 0;
border-style: solid;
border-width: 9px 10px 9px 0;
border-color: transparent #E74245 transparent transparent;
line-height: 0px;
_border-color: #000000 #E74245 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}



.triangulo_izquierda_participa
{
width: 0;
height: 0;
border-style: solid;
border-width: 9px 10px 9px 0;
border-color: transparent #AFC111 transparent transparent;
line-height: 0px;
_border-color: #000000 #AFC111 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}




.triangulo_izquierda_multimedia
{
width: 0;
height: 0;
border-style: solid;
border-width: 9px 10px 9px 0;
border-color: transparent #ad4b97 transparent transparent;
line-height: 0px;
_border-color: #000000 #ad4b97 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}



.triangulo_izquierda_mas
{
width: 0;
height: 0;
border-style: solid;
border-width: 9px 10px 9px 0;
border-color: transparent #ec8c08 transparent transparent;
line-height: 0px;
_border-color: #000000 #ec8c08 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');

}


.triangulo_arriba_admin
{
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 15px;
border-color: transparent transparent #F2F2F2 transparent;
line-height: 0px;
_border-color: #000000 #F2F2F2 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


.triangulo_arriba_admin_boton
{
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 15px 15px;
border-color: transparent transparent #E6E6E6 transparent;
line-height: 0px;
_border-color: #000000 #E6E6E6 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}


#estrela_pequena
{
margin:50px 0;
 position:relative;
  display:block; 
  color:#B40486; 
  width:0px; 
  height:0px; 
  border-right:100px solid transparent; 
  border-bottom:70px solid #B40486; 
  border-left:100px solid transparent; 
  -moz-transform:rotate(35deg); 
  -webkit-transform:rotate(35deg);
   -ms-transform:rotate(35deg); -o-transform:rotate(35deg)
   ;}
   
    #estrela_pequena:before {
	    border-bottom:80px solid #B40486; 
	    border-left:30px solid transparent; 
	    border-right:30px solid transparent; 
	    position:absolute; 
	    height:0; 
	    width:0;
	     top:-45px; 
	    left:-65px; 
	    display:block; 
	    content:'';
	     -webkit-transform:rotate(-35deg);
	      -moz-transform:rotate(-35deg); 
	      -ms-transform:rotate(-35deg); 
	      -o-transform:rotate(-35deg)
	      ;}
	      
	       #estrela_pequena:after {
		       position:absolute;
		        display:block; 
		       color:#B40486; 
		       top:3px; 
		       left:-105px; 
		       width:0px; 
		       height:0px; 
		       border-right:100px solid transparent; 
		       border-bottom:70px solid #B40486; 
		       border-left:100px solid transparent;
		        -webkit-transform:rotate(-70deg);
		         -moz-transform:rotate(-70deg); 
		         -ms-transform:rotate(-70deg); 
		         -o-transform:rotate(-70deg); 
		         content:''	
;}


.esquinas_redondeadas
{ 
border-radius:5px; 
-moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */ 

/* Otros estilos */ 
border:0px ;

padding:5px;
}


.boton_programame
{ 
float:left;
border-radius:5px; 
-moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */ 
width:300px;
height:55px;
/* Otros estilos */ 
border:0px ;
font-size:30px;
color:white;
font-family:Arial;
opacity:0.85;
cursor:pointer;
}



.boton_programame:hover
{
	float:left;
border-radius:5px; 
-moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */ 

width:300px;
height:55px;
/* Otros estilos */ 
border:0px ;
font-size:40px;
color:white;
font-family:Arial;
padding:5px;
cursor:pointer;
opacity:1

}





.boton_programame_pequeno
{ 
float:left;
border-radius:5px; 
-moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */ 
width:100px;
height:40px;
/* Otros estilos */ 
border:0px ;
font-size:50px;
color:white;
font-family:Arial;

cursor:pointer;
}



.boton_programame_pequeno:hover
{
	float:left;
border-radius:5px; 
-moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */ 

width:120px;
height:45px;
/* Otros estilos */ 
border:0px ;
font-size:60px;
color:white;
font-family:Arial;
padding:5px;
cursor:pointer;


}


.esquinas_redondeadas_circulo
{ 
border-radius:20px; 
-moz-border-radius:20px; /* Firefox */ 
-webkit-border-radius:20px; /* Safari y Chrome */ 
}

.esquinas_redondeadas_columnas_menu
{ 


/* Otros s */ 
border:0px ;
border-radius:15px; 
-moz-border-radius:15px; /* Firefox */ 
-webkit-border-radius:15px; /* Safari y Chrome */ 
padding:5px;
}

.esquinas_redondeadas_columnas_menu:hover
{ 

-webkit-box-shadow: 5px 5px 20px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    5px 5px 20px 0px rgba(50, 50, 50, 0.52);
box-shadow:         5px 5px 20px 0px rgba(50, 50, 50, 0.52);


}



.esquinas_redondeadas_derecha
{ 
border-top-right-radius:5px; 
border-bottom-right-radius:5px; 
-moz-border-top-right-radius:5px; /* Firefox */ 
-moz-border-bottom-right-radius:5px; /* Firefox */ 
-webkit-border-bottom-right-radius:5px; /* Safari y Chrome */ 
-webkit-border-top-right-radius:5px; /* Safari y Chrome */  

}




.esquinas_redondeadas_izquierda
{ 
border-top-left-radius:5px; 
border-bottom-left-radius:5px; 
-moz-border-top-left-radius:5px; /* Firefox */ 
-moz-border-bottom-left-radius:5px; /* Firefox */ 
-webkit-border-bottom-left-radius:5px; /* Safari y Chrome */ 
-webkit-border-top-left-radius:5px; /* Safari y Chrome */  

}



.esquinas_redondeadas_abajo
{ 
position:absolute;
padding-left:20px;
padding-right:20px;

border-bottom-right-radius:20px; 
border-bottom-left-radius:20px; 
-moz-border-bottom-right-radius:20px; /* Firefox */ 
-moz-border-bottom-left-radius:20px; /* Firefox */ 
-webkit-border-bottom-right-radius:20px; /* Safari y Chrome */ 
-webkit-border-bottom-left-radius:20px; /* Safari y Chrome */ 


}



.esquinas_redondeadas_arriba_grande
{ 
position:absolute;
padding-left:20px;
padding-right:20px;

border-top-right-radius:20px; 
border-top-left-radius:20px; 
-moz-border-top-right-radius:20px; /* Firefox */ 
-moz-border-top-left-radius:20px; /* Firefox */ 
-webkit-border-top-right-radius:20px; /* Safari y Chrome */ 
-webkit-border-top-left-radius:20px; /* Safari y Chrome */ 

}



.esquinas_redondeadas_arriba
{ 
	border-top-color:red;

border-top-right-radius:5px; 
border-top-left-radius:5px; 
-moz-border-top-right-radius:5px; /* Firefox */ 
-moz-border-top-left-radius:5px; /* Firefox */ 
-webkit-border-top-right-radius:5px; /* Safari y Chrome */ 
-webkit-border-top-left-radius:5px; /* Safari y Chrome */ 

}

.esquinas_redondeadas_abajo_anchas
{ 
	border-top-color:red;

border-bottom-right-radius:5px; 
border-bottom-left-radius:5px; 
-moz-border-bottom-right-radius:5px; /* Firefox */ 
-moz-border-bottom-left-radius:5px; /* Firefox */ 
-webkit-border-bottom-right-radius:5px; /* Safari y Chrome */ 
-webkit-border-bottom-left-radius:5px; /* Safari y Chrome */ 

}



.estilo_menu_deslizante
{
	position:absolute;
right:-900px; background-color:white; height:200px; width:720px;
background-color:transparent;
display:none;
}


	
.estilo_menu_deslizante_izquierda
{
filter: Alpha(Opacity=0.65);
opacity: .65;
border-top-left-radius:5px; 
border-bottom-left-radius:5px; 
-moz-border-top-left-radius:5px; /* Firefox */ 
-moz-border-bottom-left-radius:5px; /* Firefox */ 
-webkit-border-top-left-radius:5px; /* Safari y Chrome */ 
-webkit-border-bottom-left-radius:5px; /* Safari y Chrome */ 
}

.estilo_menu_deslizante_derecha
{
filter: Alpha(Opacity=0.92);
opacity: .92;
border-top-left-radius:5px; 
border-bottom-left-radius:5px; 
-moz-border-top-left-radius:5px; /* Firefox */ 
-moz-border-bottom-left-radius:5px; /* Firefox */ 
-webkit-border-top-left-radius:5px; /* Safari y Chrome */ 
-webkit-border-bottom-left-radius:5px; /* Safari y Chrome */  
}



.faldon_masleidas_menu_portada
{
filter: Alpha(Opacity=0.65);
opacity: .65;
border-top-right-radius:5px; 
border-bottom-right-radius:5px; 
-moz-border-top-right-radius:5px; /* Firefox */ 
-moz-border-bottom-right-radius:5px; /* Firefox */ 
-webkit-border-top-right-radius:5px; /* Safari y Chrome */ 
-webkit-border-bottom-right-radius:5px; /* Safari y Chrome */ 
}

.botones_masleidas_menu_portada
{
filter: Alpha(Opacity=0.65);
opacity: .65;
border-top-left-radius:5px; 
border-bottom-left-radius:5px; 
-moz-border-top-left-radius:5px; /* Firefox */ 
-moz-border-bottom-left-radius:5px; /* Firefox */ 
-webkit-border-top-left-radius:5px; /* Safari y Chrome */ 
-webkit-border-bottom-left-radius:5px; /* Safari y Chrome */ 
}





.caja_oscura_estilo
{
	position:relative;
	top:200px;
	width:100%;
	height:100px;
background: url(../estructura_nueva/puntos.png);

}




/* de partida para todas las pantallas */ 


	
	.cabecera_imagen_estilo
{

 width:300%; height:300px;  background-size: 100% 100%, auto; 
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 300px; width:100%; margin: 0 auto; 
overflow: hidden;

 
}





  
	


.logo_cabecera
{

margin-top:10px;
margin-bottom:10px;

}
.icono_app
{
position:absolute; margin-top:-10px; left:274px;
;}
	
.imagen_avatar
{
	position:relative;float:left; width:80px;
	;}

.nick_avatar
{
position:relative;float:left;width:210px; margin-top:7px;
}

.caja_menu_perfil
{
z-index:80; display:none; position:absolute; top:70px; background-color:transparent; height:260px; width:250px; left: -135px;

}


.icono_usuario
{
position:relative; left:110px; bottom:0px;
}




.buscador_menu
{
position:absolute; 
float:right; 
height:50px;
z-index:999;
background-color:#e5e5e5;
margin-top:30px;
margin-right:0px;
right:0px;

border-top-left-radius:5px; 
-moz-border-top-left-radius:5px; /* Firefox */ 
-webkit-border-top-left-radius:5px; /* Safari y Chrome */ 

/* Otros estilos */ 
border:0px ;
padding:0px;
}


.input_buscar {
    background-color: #ffffff;
    border: 0px dashed #ffffff;
    width: 150px;
    outline:0;
    height: 28px;
    border-radius:5px; 
    font-size:10pt;
    color:gray;
 -moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */  
}


.input_login {
	 position:relative;
	 top:15px;
	 left:55px;
    background-color: #e4e5e4;
    border: 0px dashed #ffffff;
    width: 150px;
    outline:0;
    height: 25px;
    border-radius:5px; 
    font-size:9pt;
    padding-left:15px;
    color:#A4A4A4;
        margin-top:8px;
 -moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */  
}

.input_login:hover
{
	   border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
	 font-size:12pt;
    color:gray;
 
	;}
	
	
	
	  .submit_login { 
 position:relative;
margin-top:15px;
	 left:110px;
   border: 1px solid #e4e5e4;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: transparent;
  border-radius: 5px;
  color: #e4e5e4;
  display: inline-block;
  font-size: 12px;
position:relative;
top:10px;
 
  padding-right:5px;
  padding-left:5px;
  text-decoration: none;
 }

 
   .submit_login:hover { 
 border: 1px solid #e4e5e4; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
 }

 
 
 


   
.input_programame{
    background-color: white;
       border: 1px solid  #B50808; 

    width: 430px;
    outline:0;
    height: 30px;
    border-radius:5px; 
    font-size:9pt;
    padding-left:15px;
    color:#A4A4A4;
        margin-top:4px;
 -moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */  
}

  
  
.input_registro {
    background-color: #e4e5e4;
       border: 1px solid  #A4A4A4; 

    width: 200px;
    outline:0;
    height: 25px;
    border-radius:5px; 
    font-size:9pt;
    padding-left:15px;
    color:#A4A4A4;
        margin-top:8px;
 -moz-border-radius:5px; /* Firefox */ 
-webkit-border-radius:5px; /* Safari y Chrome */  
}

.input_registro:hover
{
	   border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
	 font-size:12pt;
    color:gray;
	;}
	
	
	
	  .submit_registro { 

   border: 1px solid #A4A4A4;;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: transparent;
  border-radius: 5px;
     color:#A4A4A4;
  display: inline-block;
  font-size: 15px;
position:relative;
top:13px;

  padding-right:10px;
  padding-left:10px;
  text-decoration: none;
  cursor:pointer;
 }
 
 .submit_registro:hover
 {
	 border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    
    color:gray; 
     cursor:pointer;
	 
 }



	  .checkbox_registro { 

   border: 1px solid #A4A4A4;;


     color:#A4A4A4;
  display: inline-block;
  font-size: 12px;
position:relative;
top:20px;

  padding-right:5px;
  padding-left:5px;
  text-decoration: none;

 }



  .boton_usuario_izquierda { 

   border: 1px solid #A4A4A4;;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: transparent;
  border-radius: 5px;
     color: gray;
  display: inline-block;
  font-size: 12px;
padding:6px;
  padding-right:15px;
  padding-left:15px;
  text-decoration: none;
 }


  .boton_usuario_izquierda:hover { 

   border:1px solid  #A4A4A4; 
   
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
    
	 font-size:12px;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: transparent;
  border-radius: 5px;
      color: gray;
  display: inline-block;

padding:6px;
  padding-right:15px;
  padding-left:15px;
  text-decoration: none;
 }







  .boton_usuario_derecha { 

   border: 1px solid #e4e5e4;;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: transparent;
  border-radius: 5px;
     color: #e4e5e4;
  display: inline-block;
  font-size: 12px;
padding:3px;
  padding-right:15px;
  padding-left:15px;
  text-decoration: none;
 }


  .boton_usuario_derecha:hover { 

   border:1px solid  #e4e5e4; 
   
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
    
	 font-size:12px;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: transparent;
  border-radius: 3px;
      color: #e4e5e4;
  display: inline-block;

padding:3px;
  padding-right:15px;
  padding-left:15px;
  text-decoration: none;
 }






.contenedor_menu
{
position:relative; 
float:left; 
width:100%;
height:78px;
width:100px;

margin-top: -10px;
display:yes;

}

.contenedor_menu_touch
{
	display:none;
position:relative; 
float:left; 
width:100%;
height:78px;
width:100px;

margin-top: -10px;

}



.caja_negra_redes
{
position:relative; float:right; margin-top:3px; margin-right:10px;
}
	
	
.caja_negra_izquierda
{
position:relative; float:left; margin-top:10px; margin-left:20px;


}
	
	
	.caja_oscura_alternativa_estilo
{
	display:none;
;}


.cuerpo
{
width:100%;
padding-left:0px;
padding-right:0px;
}


.contenedor_admin
{
border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
border: 1px solid #ede8ed;

}

.etiqueta_admin
{
	height:80px;
width:80px;
position:relative;

border-top-right-radius:5px; 
border-top-left-radius:5px; 
-moz-border-top-right-radius:5px; /* Firefox */ 
-moz-border-top-left-radius:5px; /* Firefox */ 
-webkit-border-top-right-radius:5px; /* Safari y Chrome */ 
-webkit-border-top-left-radius:5px; /* Safari y Chrome */ 
float:left;
z-index:99;
}

.etiqueta_admin_dentro
{
	height:80px;
width:80px;
position:relative;


float:left;


}


.contenedor_interno_admin_estilo
{
 border-top: 1px #E6E6E6 solid;
  margin-left:22px; margin-right:20px; display: none; width:90%; background-color:white
}

.sombra
{
-webkit-box-shadow: 5px 5px 20px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    5px 5px 20px 0px rgba(50, 50, 50, 0.52);
box-shadow:         5px 5px 20px 0px rgba(50, 50, 50, 0.52);
}

.esquinas_redondeadas_admin
{
border-radius:8px; 
-moz-border-radius:8px; /* Firefox */ 
-webkit-border-radius:8px; /* Safari y Chrome */ 
padding:8px;
}


.cuerpo_superior_pie
{
width:100%;
padding-top:20px;

}

.cuerpo_medio_pie
{
	width:1200px;

margin-left: auto;
margin-right: auto;
padding-top:60px;
padding-bottom:20px;

}

.pie_caja
{
width:300px;
position:relative;
float:left;
margin-right:50px;
margin-left:50px;
}






/* FIN  PATRONES DE INICIO COMUNES A TODAS  */ 










/* css para menus deslizantes de cabecera */ 
.elemento_menu_deslizante_dentro
{
background-color:transparent;
padding-left:10px;
padding-top:5px;
position:relative;
height:20px;

;}


.elemento_menu_deslizante_dentro:hover
{
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,0.99)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
;}



 .formulario_menu { 
    border: 1px solid #ffffff; 
    background-color:#F2F2F2; ;
     height:10px;
    width: auto; 
    font-size: 5px; 
    color:gray;
    padding:0px;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 

} 
 
 .formulario_menu:focus { 
    outline: none; 
    height:25px;
        font-size:12px; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 



  .submit_menu { 

   border: 1px solid white;
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: transparent;
  border-radius: 5px;
  color: white;
  display: inline-block;
  font-size: 8px;
position:relative;
top:1;
 
  padding-right:5px;
  padding-left:5px;
  text-decoration: none;
 }







.polaroid-images 
{
z-index:-3;
	background: white;
	display: inline;
	float: left;
	margin: 0 15px 30px;
	padding: 10px 10px 25px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
        position:relative;
        
}


.polaroid-images a:after {
	color: #333;
	font-family; Arial;
	font-size: 8px;
	content: attr(title);
	position: relative;
	top:15px;
}

.polaroid-images img { 
	display: block; 
	width: inherit; 
}


.polaroid-images a:nth-child(1n)
{
	-webkit-transform: rotate(14deg);  
	-moz-transform: rotate(14deg); 
	transform: rotate(14deg); 
	margin-top:10px;
		margin-left:10px;
}

.polaroid-images a:nth-child(2n) { 
	-webkit-transform: rotate(-10deg);  
	-moz-transform: rotate(-10deg); 
	transform: rotate(-10deg); 
		margin-left:-25px;
			margin-top:18px;
}

.polaroid-images a:nth-child(3n)
{
	-webkit-transform: rotate(14deg);  
	-moz-transform: rotate(14deg); 
	transform: rotate(14deg); 
		margin-top:9px;
				margin-left:-35px;
}



.polaroid-images a:hover{

	
	z-index:10;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
        box-shadow: 0 10px 20px rgba(0,0,0,.7);
}



.caja_oscura_estilo
{
display:yes;
}


.caja_usuario_estilo
{
position:absolute;
padding-left:20px;
padding-right:20px;

border-bottom-right-radius:20px; 
border-bottom-left-radius:20px; 
-moz-border-bottom-right-radius:20px; /* Firefox */ 
-moz-border-bottom-left-radius:20px; /* Firefox */ 
-webkit-border-bottom-right-radius:20px; /* Safari y Chrome */ 
-webkit-border-bottom-left-radius:20px; /* Safari y Chrome */ 

}

.login_formulario
{
filter: Alpha(Opacity=0.97);
opacity: .97;
right:20px;
left:auto;
border-radius:20px; 
-moz-border-radius:20px; /* Firefox */ 
-webkit-border-radius:20px; /* Safari y Chrome */ 
}


.cuerpo_dentro
{
position:absolute; margin-top:-40px; margin-left:10px;
}

.margenes_cuerpo
{
margin-left:40px; margin-right:40px;

}

.bienvenida
{
position:relative; background-color:#f2f2f2; margin-left:220px; margin-top:80px; padding:20px; margin-right:60px;
border-radius:20px; 
-moz-border-radius:20px; /* Firefox */ 
-webkit-border-radius:20px; /* Safari y Chrome */ 
}


.destacados
{
 position:relative; background-color:#f2f2f2; margin-right:20px;  margin-left:250px;; margin-top:60px;  z-index:9999; overflow:hidden; padding-bottom:10px;  padding-top:20px; 
border-radius:20px; 
-moz-border-radius:20px; /* Firefox */ 
-webkit-border-radius:20px; /* Safari y Chrome */ 
}



.pie_texto
{
position:relative;
margin-top:200px; margin-left:80px; width:100% height:auto; background-color:transparent
}


.cabecera_imagen_pie
{

height:300px; position:relative; margin-bottom:0px; background:url("../pie_2.jpg"); background-size: 100% 300px ;
}


.usuarios_activos
{
  display:block;
}

.twiter_hastag
{
  display:block;
}

.separador
{
   height:50px !important;
}



/* ajuste columnas */
@media all and (max-width: 1100px) and (min-width: 831px) 
{
  .columna_1
  {

   width:auto !important;
     margin-left:20px !important;
   margin-right:20px !important;
   right:20px !important;
  }
  
  .columna_2
  {
  
    width:auto !important;
    margin-left:20px !important;
  margin-right:50px !important;
  right:50px !important;
  }

}



/* tamaņo smartphone */ 

@media all and (max-width: 830px)
{
 
 
 .separador
 {
   height:100px  !important;
 }


  .columna_1
  {
margin-top:-60px !important;
    width:auto !important;
    margin-left:20px !important;
  margin-right:20px !important;
  right:20px !important;
  }
  .columna_2
  {
  
    width:auto !important;
    margin-left:20px !important;
  margin-right:50px !important;
  right:50px !important;
  }
  
  
  
  .twiter_hastag
  {
    display:none;
  }


.usuarios_activos
{
  display:none;
}

.bienvenida
{
position:relative; background-color:#f2f2f2; margin-left:95px; margin-top:80px; padding:20px; margin-right:10px;
border-radius:20px; 
-moz-border-radius:20px; /* Firefox */ 
-webkit-border-radius:20px; /* Safari y Chrome */ 
}


.destacados
{
position:relative; background-color:#f2f2f2; margin-right:18px;  margin-left:10px;;margin-top:40px;  z-index:9999;   height:auto; padding-bottom:30px; padding-top:20px; 
border-radius:20px; 
-moz-border-radius:20px; /* Firefox */ 
-webkit-border-radius:20px; /* Safari y Chrome */ 
}


.pie_texto
{

position:absolute;
margin-top:200px; margin-left:0px;  width:100% ; padding-bottom:10px; height:auto; background-color:#45b628;
}


.caja_usuario_estilo
{
position:relative;
padding-left:20px;
padding-right:20px;
left:20px;
right:20px;
margin-right:20px;
}

.imagen_logo
{
width:350px;
height:auto;
margin-top:30px !important;

}

.logo_cabecera
{
position:relative;

margin-top:10px;
margin-bottom:5px;
margin-left:0px;

}

.login_formulario
{
right:auto;
left:40px;
border-radius:20px; 
-moz-border-radius:20px; /* Firefox */ 
-webkit-border-radius:20px; /* Safari y Chrome */ 
z-index:99999;
}

.minicaja
{
z-index:99;
	position:relative;
	float:left;
height:30px;
margin-top:0px;
width:117px;
border-right:white 3px solid;
border-bottom:white 3px solid;
line-height:32px;
vertical-align:middle;
border-bottom-right-radius:20px; 
border-bottom-left-radius:20px; 
-moz-border-bottom-right-radius:20px; /* Firefox */ 
-moz-border-bottom-left-radius:20px; /* Firefox */ 
-webkit-border-bottom-right-radius:20px; /* Safari y Chrome */ 
-webkit-border-bottom-left-radius:20px; /* Safari y Chrome */ 

}
	


#caja_oscura_alternativa
{
display:block;
}




#triangulo_menu
{
display:none;
}

.caja_oscura_estilo
{
display:none;

}





.cuerpo_dentro
{
display:yes;
width:70px;
top:60px;
}



.margenes_cuerpo
{
position:relative;
margin-left:10px; margin-top:50px; margin-right:10px; 

}



.cabecera_imagen_estilo
{
 width:100%; height:70px;  background-size:100% 70px; 
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:70px; width:100%; margin: 0 auto; 
overflow: hidden; 
}


.cabecera_imagen_pie
{

height:200px; position:relative; margin-bottom:0px; background:url("../pie_pequeno.jpg"); background-size: 100% 200px ;
}

}



;}