/*fotos desde aqui*/




.ss-circle-123{
    background-image: url(../images/De-la-aceptacion-a-la-ira-1.jpg);
}
.ss-circle-122{
    background-image: url(../images/Los-Abrazos-Perdidos.jpg);
}
.ss-circle-121{
    background-image: url(../images/A-metro-y-medio-de-distancia-1.jpg);
}
.ss-circle-120{
    background-image: url(../images/cuando-todo-esto-acabe-index.jpg);
}
.ss-circle-119{
    background-image: url(../images/Plaza-vacia-2020.jpg);
}

.ss-circle-118{
    background-image: url(../images/Higuero.jpg);
}
.ss-circle-117{
    background-image: url(../images/Nada-como-el-primer-beso.jpg);
}
.ss-circle-116{
    background-image: url(../images/el-escudo-no-se-toca-escudo.jpg);
}
.ss-circle-115{
    background-image: url(../images/Calderon-mia.jpg);
}
.ss-circle-114{
    background-image: url(../images/rosemarie-ackerman-1.jpg);
}
.ss-circle-113{
    background-image: url(../images/Ale-Quereda.jpg);
}
.ss-circle-112{
    background-image: url(../images/Jim-Thorpe.jpg);
}
.ss-circle-111{
    background-image: url(../images/Queralt.jpg);
}
.ss-circle-110{
    background-image: url(../images/Ed-Whitlock-M.jpg);
}
.ss-circle-109{
    background-image: url(../images/blanca-fernandez-ochoa.jpg);
}
.ss-circle-108{
    background-image: url(../images/dick-fosbury-n.jpg);
}
.ss-circle-107{
    background-image: url(../images/Jose-Luis-Gonzalez-2.jpg);
}
.ss-circle-106{
    background-image: url(../images/ruth-beitia.jpg);}

.ss-circle-105{
    background-image: url(../images/Eric-Lidell.jpg);
}
.ss-circle-104{
    background-image: url(../images/Ona.jpg);
}

.ss-circle-103{
    background-image: url(../images/Niebla.jpg);
}

.ss-circle-102{
    background-image: url(../images/El-Hombre-de-San-Siro.jpg);
}
.ss-circle-101{
    background-image: url(../images/Thrilla-In-Manila-Muhammad-Ali-Frazier.jpg);
}
.ss-circle-100{
    background-image: url(../images/ladeporteca.png);
}

.ss-circle-99{
    background-image: url(../images/Shinny-Happy-Griezmann-2.jpg);
}

.ss-circle-98{
    background-image: url(../images/El-puno-y-el-dragon-index.jpg);
}

.ss-circle-97{
    background-image: url(../images/Plomo-en-los-bolsillos-1.jpg);
}

.ss-circle-96{
    background-image: url(../images/heroes-bajo-palos-min.jpg);
}

.ss-circle-95{
    background-image: url(../images/Una-saeta-y-un-tango.jpg);
}

.ss-circle-94{
    background-image: url(../images/raquetas-claquetas.jpg);
}
.ss-circle-93{
    background-image: url(../images/The-Show-must-go-on.jpg);
}

.ss-circle-92{
    background-image: url(../images/inmensa-minoria-publico.jpg);
}
.ss-circle-91{
    background-image: url(../images/voy-asi-al-cole-1.jpg);
}
.ss-circle-90{
    background-image: url(../images/seguimos-creyendo-p.jpg);
}
.ss-circle-89{
    background-image: url(../images/Bruselas-Lisboa-Milan-3.jpg);
}
.ss-circle-88{
    background-image: url(../images/Un-genio-y-un-balon.jpg);
}
.ss-circle-87{
    background-image: url(../images/RockandRoll-y-Mayonesa-3.jpg);
}

.ss-circle-86{
    background-image: url(../images/La-boda-de-mi-hija.jpg);
}

.ss-circle-85{
    background-image: url(../images/Leyendas-de-la-Premier.jpg);
}

.ss-circle-84{
    background-image: url(../images/La-Bandera.jpg);
}

.ss-circle-83{
    background-image: url(../images/Gente-Cantando-1.jpg);
}


.ss-circle-82{
    background-image: url(../images/por-ellos-por-nosotros.jpg);
}

.ss-circle-81{
    background-image: url(../images/Singuila-Mingui.jpg);
}


.ss-circle-80{
    background-image: url(../images/Mala-Madre.jpg);
}
.ss-circle-79{
    background-image: url(../images/Cholo-Simeone-corazon-portada.jpg);
}
.ss-circle-78{
    background-image: url(../images/Empate.jpg);
}
.ss-circle-77{
    background-image: url(../images/Cruyf-Juanito.jpg);
}
.ss-circle-76{
    background-image: url(../images/Raul-Garcia-Gol.jpg);
}
.ss-circle-75{
    background-image: url(../images/Mi-Carrera.jpg);
}
.ss-circle-74{
    background-image: url(../images/Historias-F1.jpg);
}
.ss-circle-73{
    background-image: url(../images/Polvo.jpg);
}
.ss-circle-72{
    background-image: url(../images/Futbolista-Secreto.jpg);
}
.ss-circle-71{
    background-image: url(../images/Viento-en-contra.jpg);
}
.ss-circle-70{
    background-image: url(../images/Los-Oscars-de-Rocky.jpg);
}
.ss-circle-69{
    background-image: url(../images/Antimadridista.jpg);
}
.ss-circle-68{
    background-image: url(../images/El-Mundo-en-Movimiento.jpg);
}
.ss-circle-67{
    background-image: url(../images/liga-infantil.png);
}
.ss-circle-66{
    background-image: url(../images/Historias-de-la-NBA.jpg);
}
.ss-circle-65{
    background-image: url(../images/Lagrimas_en_la_lluvia.jpg);
}
.ss-circle-64{
    background-image: url(../images/Michael-Oher.jpg);
}
.ss-circle-63{
    background-image: url(../images/Pulsera_Oliver_Torres.jpg);
}
.ss-circle-62{
    background-image: url(../images/una-carta-y-un-retrato.jpg);
}
.ss-circle-61{
    background-image: url(../images/Escudo-Atleti-cesped.jpg);
}
.ss-circle-60{
    background-image: url(../images/Paul_Newman_Indianapolis_Motor_Speedway.jpg);
}

.ss-circle-59{
    background-image: url(../images/matematicas.jpg);
}
.ss-circle-58{
    background-image: url(../images/muhammad-ali-VS-Sonny-Liston.jpg);
}

.ss-circle-57{
    background-image: url(../images/No.jpg);
}
.ss-circle-56{
    background-image: url(../images/Operacion-Impala.jpg);
}
.ss-circle-55{
    background-image: url(../images/Queralt-REDBULL.jpg);
}
.ss-circle-54{
    background-image: url(../images/valores_de_oro_portada.jpg);

}
.ss-circle-53{
    background-image: url(../images/Futbolista-2.jpg);

}
.ss-circle-52{
    background-image: url(../images/Nadia-1-0.jpg);

}
.ss-circle-51{
    background-image: url(../images/arteche-at-madrid.jpeg);

}
.ss-circle-50{
    background-image: url(../images/paquito-slalom.jpg);
}

.ss-circle-49{
    background-image: url(../images/maradona-copa-del-mundo.jpg);

}
.ss-circle-48{
    background-image: url(../images/bob-beamon.jpg);

}
.ss-circle-46{
    background-image: url(../images/cuaderno-para-runners-de-ciudad.jpg);
}
.ss-circle-45{
    background-image: url(../images/albert-lopez-CSD.jpg);
}
.ss-circle-44{
    background-image: url(../images/poesia-a-patadas.jpg);
}


.ss-circle-43{
    background-image: url(../images/sons-of-ben.jpg);
}.ss-circle-47{
    background-image: url(../images/Maria-de-Villota-Adios.jpg);
}
.ss-circle-42{
    background-image: url(../images/mean-machine.jpg);
}

.ss-circle-41{
    background-image: url(../images/mi-vida-sobre-ruedas-teresa-perales.jpg);
}

.ss-circle-40{
    background-image: url(../images/80-aniversario-teatro-mariinski-min.jpg);
}
.ss-circle-39{
    background-image: url(../images/Premios-Planeta-Becaria-min.jpg);
}
.ss-circle-38{
    background-image: url(../images/Thinking-Football-2015-min.jpg);
}
.ss-circle-37{
    background-image: url(../images/Madonna-super-bowl.jpg);
}
.ss-circle-36{
    background-image: url(../images/Paul-Breitner-Gerd-Muller.jpg);
}
.ss-circle-35{
    background-image: url(../images/next-goal-wins.jpeg);
}
.ss-circle-34{
    background-image: url(../images/seriesypeliculas.jpg);
}
.ss-circle-33{
    background-image: url(../images/logo-planeta-olimpico-fondo.png);
}
.ss-circle-32{
    background-image: url(../images/blog-post-icon.jpg);
}
.ss-circle-31{
    background-image: url(../images/NataliaF.jpg);
}
.ss-circle-30{
    background-image: url(../images/30.jpg);
}

.ss-circle-29{
    background-image: url(../images/29.jpg);
}
.ss-circle-28{
    background-image: url(../images/28.jpg);
}
.ss-circle-27{
    background-image: url(../images/27.jpg);
}
.ss-circle-26{
    background-image: url(../images/26.jpg);
}
.ss-circle-25{
    background-image: url(../images/25.jpg);
}
.ss-circle-24{
    background-image: url(../images/24.jpg);
}
.ss-circle-23{
    background-image: url(../images/23.jpg);
}
.ss-circle-22{
    background-image: url(../images/22.jpg);
}

.ss-circle-21{
    background-image: url(../images/21.jpg);
}
ss-circle-20{
    background-image: url(../images/20.jpg);
}
.ss-circle-19{
    background-image: url(../images/19.jpg);
}
.ss-circle-18{
    background-image: url(../images/18.jpg);
}
.ss-circle-17{
    background-image: url(../images/17.jpg);
}
.ss-circle-16{
    background-image: url(../images/16.jpg);
}
.ss-circle-15{
    background-image: url(../images/15.jpg);
}

.ss-circle-14{
    background-image: url(../images/relatos-cortos/banquillo.jpg);
}

.ss-circle-13{
    background-image: url(../images/13.jpg);
}
.ss-circle-12{
    background-image: url(../images/12.jpg);
}

.ss-circle-11{
    background-image: url(../images/11.jpg);
}
.ss-circle-10{
    background-image: url(../images/10.jpg);
}
.ss-circle-9{
    background-image: url(../images/9.jpg);
}
.ss-circle-8{
    background-image: url(../images/8.jpg);
}
.ss-circle-7{
    background-image: url(../images/7.jpg);
}
.ss-circle-6{
    background-image: url(../images/6.jpg);
}
.ss-circle-5{
    background-image: url(../images/5.jpg);
}
.ss-circle-4{
    background-image: url(../images/4.jpg);
}
.ss-circle-3{
    background-image: url(../images/3.jpg);
}
.ss-circle-2{
    background-image: url(../images/2.jpg);
}

.ss-circle-1{
    background-image:url(../images/1.jpg);
}

/* encima de esta linea se debe copiar el ultimo estilo y cambiar el nombre de la foto y el numero de .ss-cicle-xx     */
/* fin fotos home */


h2.ss-subtitle{
    padding: 10px 10px 40px;
    font-size: 52px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.8);
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
h2.ss-subtitle:before{
	width: 4px;
	height: 40px;
	background: rgba(17,17,22,0.8);
	content: '';
	position: absolute;
	right: 75%;
	margin-right: -4px;
	bottom: -4px;
	-moz-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
}
h2.ss-subtitle:after{
	width: 25%;
	height: 0px;
	border-bottom: 4px dotted rgba(17,17,22,0.8);
	content: '';
	position: absolute;
	right: 50%;
	margin-right: -1px;
	bottom: -4px;
}
h1.ss-subtitle{
    padding: 10px 10px 10px;
    font-size: 32px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.8);
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
/*h3.ss-subtitle:before{
	width: 4px;
	height: 40px;
	background: rgba(17,17,22,0.8);
	content: '';
	position: absolute;
	right: 75%;
	margin-right: -4px;
	bottom: -4px;
	-moz-border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px;
}
*/
h1.ss-subtitle:after{
	width: 98.6%;
	height: 0px;
	border-bottom: 4px dotted rgba(17,17,22);
	content: '';
	position: absolute;
	right: 1%;
	margin-right: -1px;
	bottom: -0px;
}
h4.ss-subtitle{
    padding: 10px 10px 10px;
    font-size: 52px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.8);
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.ss-links{
	position: fixed;
	left: 10px;
	top: 166px;
	width: 25%;
	z-index: 100;
}
.ss-links a{
	background: rgba(0,0,0,0.2);
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 5px;
	float: left;
	border-radius: 50%;
	display: block;
	text-align: center;
	-webkit-transition: background 0.2s linear;
	-moz-transition: background 0.2s linear;
	-o-transition: background 0.2s linear;
	-ms-transition: background 0.2s linear;
	transition: background 0.2s linear;
}
.ss-links a:hover{
	background: rgba(0,0,0,0.4);
}
.ss-container{
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
	overflow: hidden;
	padding-bottom: 500px;
}
.ss-container h2{
    font-size: 40px;
    text-transform: uppercase;
    color: rgba(78,84,123,0.2);
	text-shadow: 0px 1px 1px #fff;
	padding: 20px 0px;
}
.ss-container:before{
    position: absolute;
    width: 4px;
    background: rgba(17,17,22,0.8);
    top: 0px;
    left: 50%;
	margin-left: -2px;
    content: '';
    height: 100%;
}
.ss-row{
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding: 30px 0;
}
.ss-left, .ss-right{
    float: left;
    width: 48%;
    position: relative;
}
.ss-right{
    padding-left: 2%;
}
.ss-left{
    text-align: right;
    float: left;
    padding-right: 2%;
}
.ss-circle{
    border-radius: 50%;
    overflow: hidden;
    display: block;
    text-indent: -9000px;
    text-align: left;
    -webkit-box-shadow: 
		0px 2px 5px rgba(0,0,0,0.7) inset, 
		0px 0px 0px 12px rgba(61,64,85,0.3);
    -moz-box-shadow: 
		0px 2px 5px rgba(0,0,0,0.7) inset, 
		0px 0px 0px 12px rgba(61,64,85,0.3);
    box-shadow: 
		0px 2px 5px rgba(0,0,0,0.7) inset, 
		0px 0px 0px 12px rgba(61,64,85,0.3);
	background-size: cover;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	background-position: center center;
	position: static;
}
.ss-small .ss-circle{
	width: 100px;
	height: 100px;
}
.ss-medium .ss-circle{
	width: 200px;
	height: 200px;
}
.ss-large .ss-circle{
	width: 300px;
	height: 300px;
}
.ss-circle-deco:before{
	width: 29%;
	height: 0px;
	border-bottom: 5px dotted #ddd;
	border-bottom: 5px dotted rgba(17, 17, 22, 0.3);
	-webkit-box-shadow: 0px 1px 1px #fff;
	-moz-box-shadow: 0px 1px 1px #fff;
	box-shadow: 0px 1px 1px #fff;
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -3px;
}
.ss-circle-deco:after{
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -10px;
}
.ss-left .ss-circle-deco:before{
    right: 2%;   
}
.ss-right .ss-circle-deco:before{
    left: 2%;   
}
.ss-left .ss-circle-deco:after{
	right: 0;
	border-right: 10px solid rgba(17,17,22,0.8);
}
.ss-right .ss-circle-deco:after{
	left: 0;
	border-left: 10px solid rgba(17,17,22,0.8);
}
.ss-left .ss-circle{
    float: right;
    margin-right: 30%;
}
.ss-right .ss-circle{
    float: left;
    margin-left: 30%;
}
.ss-container h1{
    margin-top: 34px;
	padding: 10px 15px;
	background: rgba(26, 27, 33, 0.6);
	text-shadow: 1px 1px 1px rgba(26, 27, 33, 0.8)
}
.ss-container .ss-medium h1{
	margin-top: 82px;
}
.ss-container .ss-large h1{
	margin-top: 133px;
}
.ss-container .ss-left h1{
	border-right: 5px solid rgba(164,166,181,0.8);
}
.ss-container .ss-right h1{
	border-left: 5px solid rgba(164,166,181,0.8);
}
.ss-container h1 span{
    color: rgba(255,255,255,0.8);
    font-size: 13px;
    display: block;
    padding-bottom: 5px;
}
.ss-container h1 a{
    font-size: 28px;
    color: rgba(255,255,255,0.9);
    display: block;
}
.ss-container h1 a:hover{
	color: rgba(255,255,255,1);
}


.piedepag{

    font-size: 14px;
    color: rgba(0,0,0,0.8);
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);

}
a.piepag{
    font-size: 14px;
	color: rgba(0,0,0,0.8);
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
a.piepag:hover{
    font-size: 14px;
	color: rgba(150,150,150,0.8);
	position: relative;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}



a.Enlink{
	text-decoration:underline;
	font-weight:bold;
	color:#707072;
}
a.Enlink:hover{
	text-decoration:none;
	font-weight:bold;
	color:#707072;
}


img .post{max-width: 100%;}




h3{
		font-size: 19px;
		position:relative;
		font-weight: 400;
		padding: 30px 5px 10px 5px;
		margin: 0px 15px;
		color: rgba(153,157,181,0.6);
		text-shadow: 0px 1px 1px #fff;
		border-bottom: 1px solid rgba(17,17,22,0.1);
	}

/*tablas*/
table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 80%;    
	margin:0 auto;
}

.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



/*----------------------*/

.zebra td, .zebra th {

    padding: 10px;
    border-bottom: 1px solid #f2f2f2;    
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
    text-align: left;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.zebra th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.zebra tfoot td {
    border-bottom: 0;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.zebra tfoot td:only-child{
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px
    border-radius: 0 0 6px 6px
}
 /* fin tablas*/






/*redes sociales*/

.buttons {
	z-index:100000;
	position: relative;
	margin-top: 10px;
	float:right;
}

.buttons a {
	margin-right: 10px;
	width: 44px;
	height: 44px;
	display: inline-block;
	position: relative;
	line-height: 44px;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: linear-gradient(top, #f6f6f6, #eaeaea);
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
}

.buttons a:active {

	top: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f6f6f6));
	background-image: -webkit-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: -moz-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -ms-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -o-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: linear-gradient(top, #eaeaea, #f6f6f6);
}

.buttons a::before{
		content: '';
		position: absolute;
		z-index: -1;
		top: -6px;
		right: -6px;
		bottom: -6px;
		left: -6px;
		background-color: #eaeaea;
		-moz-border-radius: 140px;
		-webkit-border-radius: 140px;
		border-radius: 140px;
	opacity: 0.5;		
}

.buttons a:active::before {
	top: -9px;
}

.buttons a:hover::before { opacity: 1; }

.buttons a.home:hover::before {
		background-color: #dae1f0;
	}

.buttons a.twitter:hover::before {
	background-color: #c6f0f8;
}

.buttons a.facebook:hover::before {
	background-color: #dae1f0;
}

.buttons a.dribble:hover::before {
	background-color: #fadae6;
}

.buttons a.rss:hover::before {
	background-color: #f8ebb6;
}
.buttons a.ivox:hover::before {
	background-color: #f8ebb6;
}

.home img { vertical-align: -12px;}
.twitter img { vertical-align: -7px; }
.dribble img { vertical-align: -12px; }
.facebook img { vertical-align: -12px;}
.rss img { vertical-align: -7px;}
.ivox img { vertical-align: -12px;}

.buttons a img { border: 0; 	margin-left:5px;}

/*fin redes sociales*/







.imgbordedoble{
		margin:0 0px 0px 0px;
		border: double 12px #b2babc;  
		max-width:96%; 
	}


.piepag{			
	color: rgba(0, 0, 0, 0.8);
	font-family: "Kelly Slab","Myriad Pro",Arial,sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.texxtos{
		font-size: 23px;
	}

@media (max-width: 680px) {

img {max-width: 50%;}

	h3{
		font-size: 16px;
		position:relative;
		font-weight: 400;
		padding: 30px 5px 10px 5px;
		margin: 0px 15px;
		color: rgba(153,157,181,0.6);
		text-shadow: 0px 1px 1px #fff;
		border-bottom: 1px solid rgba(17,17,22,0.1);
	}
	h2.ss-subtitle{
		padding: 10px 10px 40px;
		font-size: 38px;
		text-transform: uppercase;
		color: rgba(0,0,0,0.8);
		position: relative;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	h2.ss-subtitle:before{
		width: 4px;
		height: 40px;
		background: rgba(17,17,22,0.8);
		content: '';
		position: absolute;
		right: 75%;
		margin-right: -4px;
		bottom: -4px;
		-moz-border-radius: 2px 2px 0px 0px;
		-webkit-border-radius: 2px 2px 0px 0px;
		border-radius: 2px 2px 0px 0px;
	}
	h2.ss-subtitle:after{
		width: 25%;
		height: 0px;
		border-bottom: 4px dotted rgba(17,17,22,0.8);
		content: '';
		position: absolute;
		right: 50%;
		margin-right: -1px;
		bottom: -4px;
	}
	h1.ss-subtitle{
		padding: 10px 10px 10px;
		font-size: 16px;
		text-transform: uppercase;
		color: rgba(0,0,0,0.8);
		position: relative;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	h1.ss-subtitle:after{
		border-bottom: 4px dotted rgba(17,17,22);
		position: absolute;


	}
	h4.ss-subtitle{
		padding: 10px 10px 10px;
		font-size: 36px;
		text-transform: uppercase;
		color: rgba(0,0,0,0.8);
		position: relative;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	.ss-links{
		position: fixed;
		left: 10px;
		top: 0px;
		width: 100%;
		z-index: 100;
	}
	.ss-links a{
		background: rgba(0,0,0,0.2);
		font-size: 12px;
		width: 30px;
		height: 20px;
		line-height: 20px;
		margin: 5px;
		border-radius: 50%;
		display:inline;
		text-align: center;
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		-ms-transition: background 0.2s linear;
		transition: background 0.2s linear;
	}
	.ss-links a:hover{
		background: rgba(0,0,0,0.4);
	}
	.ss-container{
		width: 100%;
		position: relative;
		text-align: left;
		float: left;
		overflow: hidden;
		padding-bottom: 500px;
	}
	.ss-container h2{
		font-size: 12px;
		text-transform: uppercase;
		color: rgba(78,84,123,0.2);
		text-shadow: 0px 1px 1px #fff;
		padding: 20px 0px;
	}
	.ss-container:before{
		position: absolute;
		width: 4px;
		background: rgba(17,17,22,0.8);
		top: 0px;
		left: 50%;
		margin-left: -2px;
		content: '';
		height: 100%;
	}
	.ss-row{
		width: 100%;
		clear: both;
		float: left;
		position: relative;
		padding: 30px 0;
	}
	.ss-left, .ss-right{
		float: left;
		width: 48%;
		position: relative;
	}
	.ss-right{
		padding-left: 2%;
	}
	.ss-left{
		text-align: right;
		float: left;
		padding-right: 2%;
	}
	.ss-circle{
		border-radius: 50%;
		overflow: hidden;
		display: block;
		text-indent: -9000px;
		text-align: left;
		-webkit-box-shadow: 
			0px 2px 5px rgba(0,0,0,0.7) inset, 
			0px 0px 0px 12px rgba(61,64,85,0.3);
		-moz-box-shadow: 
			0px 2px 5px rgba(0,0,0,0.7) inset, 
			0px 0px 0px 12px rgba(61,64,85,0.3);
		box-shadow: 
			0px 2px 5px rgba(0,0,0,0.7) inset, 
			0px 0px 0px 12px rgba(61,64,85,0.3);
		background-size: cover;
		background-color: #f0f0f0;
		background-repeat: no-repeat;
		background-position: center center;
		position: static;
	}
	.ss-small .ss-circle{
		width: 100px;
		height: 100px;
	}
	.ss-medium .ss-circle{
		width: 200px;
		height: 200px;
	}
	.ss-large .ss-circle{
		width: 300px;
		height: 300px;
	}
	.ss-circle-deco:before{
		width: 29%;
		height: 0px;
		border-bottom: 5px dotted #ddd;
		border-bottom: 5px dotted rgba(17, 17, 22, 0.3);
		-webkit-box-shadow: 0px 1px 1px #fff;
		-moz-box-shadow: 0px 1px 1px #fff;
		box-shadow: 0px 1px 1px #fff;
		position: absolute;
		top: 50%;
		content: '';
		margin-top: -3px;
	}
	.ss-circle-deco:after{
		width: 0px;
		height: 0px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		content: '';
		position: absolute;
		top: 50%;
		margin-top: -10px;
	}
	.ss-left .ss-circle-deco:before{
		right: 2%;   
	}
	.ss-right .ss-circle-deco:before{
		left: 2%;   
	}
	.ss-left .ss-circle-deco:after{
		right: 0;
		border-right: 10px solid rgba(17,17,22,0.8);
	}
	.ss-right .ss-circle-deco:after{
		left: 0;
		border-left: 10px solid rgba(17,17,22,0.8);
	}
	.ss-left .ss-circle{
		float: right;
		margin-right: 30%;
	}
	.ss-right .ss-circle{
		float: left;
		margin-left: 30%;
	}
	.ss-container h1{
		margin-top: 34px;
		padding: 10px 15px;
		background: rgba(26, 27, 33, 0.6);
		text-shadow: 1px 1px 1px rgba(26, 27, 33, 0.8)
	}
	.ss-container .ss-medium h1{
		margin-top: 82px;
	}
	.ss-container .ss-large h1{
		margin-top: 133px;
	}
	.ss-container .ss-left h1{
		border-right: 5px solid rgba(164,166,181,0.8);
	}
	.ss-container .ss-right h1{
		border-left: 5px solid rgba(164,166,181,0.8);
	}
	.ss-container h1 span{
		color: rgba(255,255,255,0.8);
		font-size: 14px;
		display: block;
		padding-bottom: 5px;
	}
	.ss-container h1 a{
		font-size: 16px;
		color: rgba(255,255,255,0.9);
		display: block;
	}
	.ss-container h1 a:hover{
		color: rgba(255,255,255,1);
	}

	a.piepag{
		font-size: 10px;
		color: rgba(0,0,0,0.8);
		position: relative;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	a.piepag:hover{
		font-size: 10px;
		color: rgba(150,150,150,0.8);
		position: relative;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}


	/*botones redes*/
	.buttons {
	z-index:100000;
	position: relative;
	margin-top: 10px;
	float:right;
	}

	.buttons a {
		margin-right: 10px;
		width: 24px;
		height: 24px;
		display: inline-block;
		position: relative;
		line-height: 24px;
		background-color: #eaeaea;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
		background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
		background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); 
		background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); 
		background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
		background-image: linear-gradient(top, #f6f6f6, #eaeaea);
		-moz-border-radius: 32px;
		-webkit-border-radius: 32px;
		border-radius: 32px;
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
		box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	}

	.buttons a:active {

		top: 10px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f6f6f6));
		background-image: -webkit-linear-gradient(top, #eaeaea, #f6f6f6);
		background-image: -moz-linear-gradient(top, #eaeaea, #f6f6f6); 
		background-image: -ms-linear-gradient(top, #eaeaea, #f6f6f6); 
		background-image: -o-linear-gradient(top, #eaeaea, #f6f6f6);
		background-image: linear-gradient(top, #eaeaea, #f6f6f6);
	}

	.buttons a::before{
			content: '';
			position: absolute;
			z-index: -1;
			top: -6px;
			right: -6px;
			bottom: -6px;
			left: -6px;
			background-color: #eaeaea;
			-moz-border-radius: 140px;
			-webkit-border-radius: 140px;
			border-radius: 140px;
		opacity: 0.5;		
	}

	.buttons a:active::before {
		top: -9px;
	}

	.buttons a:hover::before { opacity: 1; }

	.buttons a.home:hover::before {
		background-color: #dae1f0;
	}

	.buttons a.twitter:hover::before {
		background-color: #c6f0f8;
	}

	.buttons a.facebook:hover::before {
		background-color: #dae1f0;
	}

	.buttons a.dribble:hover::before {
		background-color: #fadae6;
	}

	.buttons a.rss:hover::before {
		background-color: #f8ebb6;
	}
	.buttons a.ivox:hover::before {
		background-color: #f8ebb6;
	}

	.home img { vertical-align: 0px;}
	.twitter img { vertical-align: 0px; }
	.dribble img { vertical-align: 0px; }
	.facebook img { vertical-align: 0px;}
	.rss img { vertical-align: 0px;}
	.ivox img { vertical-align: 0px;}

	.buttons a img { border: 0; 	margin-left:5px;}

	
	imgbordedoble.{
		margin:0 0px 0px 0px;
		border: double 12px #b2babc;  
		max-width:96%; 
	}


	.piepag{			
		color: rgba(0, 0, 0, 0.8);
		font-family: "Kelly Slab","Myriad Pro",Arial,sans-serif;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
	}


	.texxtos{
		font-size: 20px;
	}
	.nata{
		font-size: 24px;
		position: relative;
		font-weight: 400;
		padding: 15px 5px 10px;
		margin: 0px 15px;
		color: rgba(153, 157, 181, 0.6);
		text-shadow: 0px 1px 1px #FFF;
		border-bottom: 1px solid rgba(17, 17, 22, 0.1);	

	}

}



@media (max-width: 480px) {

	.texxtos{
		font-size: 16px;
	}

	.piepag{			
		color: rgba(0, 0, 0, 0.8);
		font-family: "Kelly Slab","Myriad Pro",Arial,sans-serif;
		font-size: 10px;
		margin: 0px;
		padding: 0px;
	}

	.imgbordedoble{
		margin:0 0px 0px 0px;
		border: double 12px #b2babc;  
		max-width:90%; 
	}


	h4.ss-subtitle{
		padding: 5px 5px 5px;
		font-size: 24px;
		text-transform: uppercase;
		color: rgba(0,0,0,0.8);
		position: relative;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}

	.nata{
		font-size: 14px;
		position: relative;
		font-weight: 400;
		padding: 15px 5px 10px;
		margin: 0px 15px;
		color: rgba(153, 157, 181, 0.6);
		text-shadow: 0px 1px 1px #FFF;
		border-bottom: 1px solid rgba(17, 17, 22, 0.1);	}
	}
	h1.ss-subtitle {
		padding: 10px;
		font-size: 22px;
		text-transform: uppercase;
		color: rgba(0, 0, 0, 0.8);
		position: relative;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	}
}