body{
text-align:center;
margin:0 auto;
padding:0px;
overflow-x:hidden
}

form {
float:left;

text-decoration:none;
color:#565656;
font-family:Lucida Sans Unicode;
font-size:11px;

}

h1 {
font-family:Lucida Sans Unicode;
color:#3499CC;
font-size:15px;
}

form input{

text-decoration:none;
color:#184472;
font-family:Lucida Sans Unicode;
font-size:11px;
border:1px solid #cccccc;
}

#contenedor{
margin: 0 auto;
width:100%;
background-color:#FFFFFF;



}

#contenido{
margin:0 auto;
width:1100px

}

/*    CABECERA     */
#menu{


text-align:center;
background-color: #f2f2f2;
height: 30px;
}
#menu a{

text-decoration:none;
color:#565656;
font-family:Lucida Sans Unicode;
font-size:11px;


}
#link{
margin-left:10px;

}
#link img{
vertical-align:middle;

}
#link2{



color:#184472;
font-family:Lucida Sans Unicode;
font-size:11px;


}
#link2 img{
vertical-align:middle;
}

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

/* Otros estilos */ 
margin-top:10px;
clear:left;
border:1px solid #E4E4E4;
background:#ffffff;
width:860px;
height:360px;
padding:10px;
padding-top:0;
}

#novedades {
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

float:left;
border:1px solid #E4E4E4;
margin-top:10px;
margin-right:2px;
background-color:#ffffff;
width:647px;

padding:10px;
margin-bottom:10px;

}

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

float:left;
border:1px solid #E4E4E4;
margin-top:10px;
margin-right:2px;
background-color:#ffffff;


padding:10px;
margin-bottom:10px;

}

#novedadesamigosonline {
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

float:left;
border:1px solid #E4E4E4;
margin-top:10px;
margin-right:2px;
background-color:#ffffff;


padding:10px;
margin-bottom:10px;

}

#burbuchat {
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

float:left;
}

#novedades2 {

float:left;
width:341px;
 }

#novedades3 {

float:left;
width:300px;
padding:3px;
background-color:#E4E4E4;
font-size:11px;
font-family:Source Sans Pro;
 color:#000000
 }


#cabecerasindex {
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

float:left;
border:1px solid #E4E4E4;
margin-top:10px;
margin-right:2px;
background-color:#ffffff;
width:152px;
height:280px;
padding:10px;

}

#cabcosas {
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 
margin-top:10px;
float:left;
border:1px solid #E4E4E4;
background-color:#0097AA;
}
.cabcosas {
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 
margin-top:10px;
float:left;
border:1px solid #E4E4E4;
background-color:#0097AA;
}
#mensajes{
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

clear:both;
float:left;
width:667px;
background-color:#ffffff;
height:70px

}
#mensajesactividades{
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

clear:both;
float:left;
width:663px;
background-color:#ffffff;
height:50px

}


.amigos1{
width:165px;
height:300px;
border-right:1px solid #E4E4E4;
font-size:14px;
color:#333333;
text-align:left;
padding:5px;
font-weight:bold;
font-family: Source Sans Pro;
float:left

}

.spanamigos1{
font-size:11px;
text-align:left;
padding:4px;
color:#333333;
font-weight:normal;
font-family: Source Sans Pro
}

.amigos2{
width:153px;
height:300px;
border-right:1px solid #E4E4E4;
font-size:11px;
color:#333333;
text-align:center;
padding:5px;
font-family: Source Sans Pro;
float:left

}
.spanamigos2{
font-size:13px;
text-align:center;
padding:4px;
color:#333333;
font-weight:normal;
font-family: Source Sans Pro
}

.amigos3{
width:151px;
height:300px;
font-size:11px;
color:#333333;
text-align:center;
padding:5px;
font-family: Source Sans Pro;
float:left

}

hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

a.aficiones{
margin-top:0px;
font-size:25px;
font-family:Source Sans Pro;
color:#ffffff;
text-decoration:none
}
a.aficiones18{
margin-top:0px;
font-size:18px;
font-family:Source Sans Pro;
color:#ffffff;
text-decoration:none
}
a.aficionesnegro{
margin-top:0px;
font-size:18px;
font-family:Source Sans Pro;
color:#000000;
text-decoration:none
}
a.opinion{
margin-top:0px;
font-size:18px;
font-family:Source Sans Pro;
color:#ffffff;
text-decoration:none
}
a.opinionnegro{
margin-top:0px;
font-size:16px;
font-family:Source Sans Pro;
color:#000000;
text-decoration:none
}
a.opinionnegrosubrayado{
margin-top:0px;
font-size:14px;
font-family:Source Sans Pro;
color:#000000
}
a.quequieresnegro{
margin-top:0px;
font-size:18px;
font-family:Source Sans Pro;
color:#ffffff;
text-decoration:none
}
a.quequieres{
margin-top:00px;
font-size:17px;
font-family:Source Sans Pro;
color:#ffffff;
text-decoration:none
}
a.grupos{
font-size:11px;
font-family:Source Sans Pro;
color:#000000
}
a.gruposcolor{
font-size:11px;
font-family:Source Sans Pro;
color:#333333;
text-decoration:none
}
a.gruposnocolor{
font-size:11px;
font-family:Source Sans Pro;
color:#0099CC;
text-decoration:none
}
a.grupograndecolor{
font-size:14px;
font-family:Source Sans Pro;
color:#0099CC;
text-decoration:none
}
a.grupograndenocolor{
font-size:14px;
font-family:Source Sans Pro;
color:#000000;
text-decoration:none
}


#izquierdacabecera {
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

width:217px;
margin-top:5px;
height:60px;
font-size:16px;
color:#454545;
font-family:Source Sans Pro;
text-align:left

}

#izquierdabotonmas{
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

width:183px;
margin-top:5px;
font-size:13px;
color:#ffffff;
background-color:#00CCFF;
font-family:Source Sans Pro;
padding:10px;
text-align:left;
}

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

width:193px;
margin-top:5px;
text-align:left;
padding:5px;
border:1px solid #E4E4E4;
background-color:#ffffff;
font-size:12px;
color:#333333;
font-family:Source Sans Pro


}

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

width:158px;
margin-top:5px;
text-align:left;
padding:5px;
border:1px solid #E4E4E4;
background-color:#F2F2F2;
font-size:14px;
color:#333333;
font-family:Source Sans Pro


}
#derecharedes{
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

clear:all;
width:171px;
height:30px;
float:clear;
border:1px solid #E4E4E4;
background-color:#ffffff;
}

/* CHAT FLOTANTE */
#caja_flotante{
		position: fixed;
        top:0%;
		
		
        right: 0%;
        
		border: 1px solid #CCC;
        background-color: #F2F2F2;
        width:100px;
		height:460px;
		margin-left:5px;
		text-align:left;
	
}

#modificarfoto { 
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

/* Otros estilos */ 
margin-top:10px;

border:1px solid #E4E4E4;
background:#ffffff;
width:415px;
height:300px;
padding:5px;
float:left;
}



#cabeceratexto {
border-radius:6px; 
-moz-border-radius:6px; /* Firefox */ 
-webkit-border-radius:6px; /* Safari y Chrome */ 

width:330px;
height:70px;
margin-left:5px;
padding:10px;
border:1px solid #E4E4E4;
background-color:#3D3D3E;
font-size:13px;
color:#333333;
clear:left;
font-family:Source Sans Pro


}


/* BOTONES MENSAJES  */

.fondomenugrupo {
clear:left;
text-align:right;
width:860px;
height:70px;
background-color:#505050;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;  
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #000 inset;
    -webkit-box-shadow: 0 1px 1px #000 inset;
    -o-box-shadow: 0 1px 1px #000 inset; 
    box-shadow: 0 1px 1px #000 inset;

}

.bigorange {
	
	cursor:pointer;
	display:block;
	background:##646464;
	border-right:1px solid #373737;
	text-align:center;
	text-decoration:none;
	color:#D4DDD4;
	float:left;
	padding-top:25px;
	font:bold 15px/120%  "Arial", Arial, Helvetica, sans-serif;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	} 

.bigorange:hover {
	background:#414141;
	border:1px solid #373737;
	color:#fff;
	cursor:pointer;
	
	} 


/*FIN BOTONES MENSAJES, IMAGENES ETC */



/*  CHAT FLOTANTE */

 #sidebar 
 { 
 width: 150px; 
 float: right;
 background:#e2e2e2;
 position:absolute;
 right:0px;
 top:0px;
 z-index:1000 
 
 border-radius: 10px;
-ms-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0 0 1px rgb(0,0,0);
-moz-box-shadow: 0 0 1px rgb(0,0,0);
box-shadow: 0 0 10px rgb(0,0,0);
opacity: 0.90;

 }


/* FIN CHAT FLOTANTE */


/*FORMULARIO ESTILOS */

.contact_form h2 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 5px;
    color: #5CD053;
    display: block;
    font-family: sans-serif;
    font-size: 20px;
    padding: 5px;
    text-shadow: 1px 1px 1px #CCCCCC;
    width: 433px;
}
/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:750px;
    list-style-type:none;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
} 
.contact_form label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
.contact_form input {
	height:20px; 
	width:220px; 
	padding:5px 8px;
}
.contact_form textarea {
	padding:8px; 
	width:300px;
}
.contact_form button {
	margin-left:90px;
}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea { 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #888;
	font-size: 12px;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:80px;
	opacity:0.6;
}

/* === Estilos de Validacion === */	

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535;
}

/*FIN FORMULARIO ESTILOS */

.cambiocolor {
	cursor:pointer;
	text-decoration:none;
	color:#262626;
	font-family:Source Sans Pro;
	font-size:13px;
	
	
	} 

.cambiocolor:hover {
	color:#53A93F;
	cursor:pointer;
	
	} 
	
.opacity img {
filter:alpha(opacity=80);
-moz-opacity: 0.5;
opacity: 0.9;
}




.paginaprincipallinea {
width:150px;
height:1px;
border-top:1px solid #E5E5E5;
margin-top:5px;
margin-bottom:5px
}

.paginaprincipalgrupos {
padding:4px;
background-color:#333333;
color:#AAAAAA
}

input {
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
    color:gray;
    background-color:#f9f9f9;
    padding: 3px;
     
}
 
input:focus {
    box-shadow: 0 0 15px #48759C;
    -webkit-box-shadow: 0 0 15px #48759C; 
    -moz-box-shadow: 0 0 15px #48759C;
    border:1px solid #48759C; 
    background-color:#E5F2F7;
}

/*PONE UN CIRCULO EN LAS FOTOS */
.circle {
	line-height: 0;		/* remove line-height */ 
	display: inline-block;	/* circle wraps image */
	margin: 5px;
	border-radius: 50%;	/* relative value */
	border: 3px solid white;/* border width   */
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);	
	transition: linear 0.25s;
}
.circle img {
	border-radius: 50%;	/* relative value for
				   adjustable image size */
}
.circle:hover {
	transition: ease-out 0.3s;
	transform: scale(0.8) rotate(20deg);
}
a.circle { color: transparent; } /* IE fix: removes blue border */
/*PONE UN CIRCULO EN LAS FOTOS */


a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:3px;
    
    width:130px; 
	height:15px;
	font-size:12px;
	background-color:#000000;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
  
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
        
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;

    
}



	.overlay{
			 display: none;
			 position: absolute;
			 top: 0;
			 left: 0;
			 width: 100%;
			 height: 100%;
			 background: #000;
			 z-index:1001;
			 opacity:0.75;
			 -moz-opacity: 0.75;
			 filter: alpha(opacity=75);
			 
		}
		.modal {
			 display: none;
			 position: absolute;
			 top: 25%;
			 left: 25%;
			 width: 50%;
			 height: 50%;
			 padding: 16px;
			 background: #fff;
			 color: #333;
			 z-index:1002;
			 overflow: auto;
			 
			 
			  border-radius:2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
				
			-moz-box-shadow: 0px 0px 8px 4px #666;
			-webkit-box-shadow: 0px 0px 8px 4px #666;
			box-shadow: 0px 0px 8px 4px #666;
		}