@import url('https://fonts.googleapis.com/css?family=Rubik:300i,400,700i');

/*RESET*/
*{padding:0px;margin:0px;box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {text-decoration: none;color: #464646;border: 0;font-size: 16px;font: inherit;vertical-align: baseline;margin: 0;padding: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: none}
table {border-collapse: collapse;border-spacing: 0}
html {overflow: hidden;}
img, object, embed {max-width: 100%}
img {height: auto}
html{overflow-y: scroll;}
html, body {font-size: 20px;font-family: 'Rubik', sans-serif;}
p, li, ul {font-size: 0.90rem;line-height: 130%;color: #4e4f4f;}
li,ul{margin-bottom:10px;}
h1 {font-size: 1.75rem;line-height: 1.75rem;color: #FFF;}
h2 {font-size: 1.5rem;line-height: 1.5rem;color: #FFF;}
h3 {font-size: 1.25rem;line-height: 1.25rem;color: #FFF;}
h4 {font-size: 1.15rem;line-height: 1.15rem;color: #FFF;}
h5 {font-size: 1.05rem;line-height: 1.05rem;color: #FFF;}
h6 {font-size: 1.0rem;line-height: 1.0rem;color: #FFF;}

.regular{font-weight:400}
	.regular em{font-weight:400;font-style: italic}
	.regular strong{font-weight:700;font-style: normal}
.bold{font-weight:600;font-style: normal}
.light{font-weight:300;font-style: normal}
.italic{font-weight:400;font-style: italic}


.text p{margin-bottom:10px;}



.todo{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url(fondo.jpg);
	background-repeat:repeat;
	background-size:758px 758px;
}

#contenedorInfo{
	position:absolute;
	top:50%;
	left:50%;
	max-width:750px;
	min-width:320px;
	width:90%;
	height:auto;
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	color:#FFF
}

#contenedorInfo p,#contenedorInfo h1,#contenedorInfo h2,#contenedorInfo h3,#contenedorInfo h4,#contenedorInfo h5,#contenedorInfo h6,#contenedorInfo span{}

#contenedorInfo .logoPodo{
	width:717px;
	height:auto;
	margin:0 auto;
}

#contenedorInfo .logoRunH{
	width:228px;
	height:auto;
	margin:0 auto;	
}

.renglonRS{margin-top:60px;}
.iconRS{width:auto; height:35px;margin-right:8px;margin-left:8px;}



.telefono{color:#c1c1c1;text-align:center;margin-bottom:15px;margin-top:25px;}
.email{color:#c1c1c1;text-align:center}


@media screen and (max-width:2000px) {
html, body {font-size: 21px;}
}


@media screen and (max-width:1600px) {
html, body {font-size: 20px;}

}

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

}

@media screen and (max-width:1500px) {
html, body {font-size: 20px;}

}

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

}

@media screen and (max-width:1400px) {
html, body {font-size: 20px;}

}


@media screen and (max-width:1350px) {
	
}

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

}


@media screen and (max-width:1300px) {
	
}

@media screen and (max-width:1250px) {
#contenedorInfo .logoPodo{width:600px;height:auto}
#contenedorInfo .logoRunH{width:200px;height:auto}
.iconRS{height:32px;width:auto;}
}



@media screen and (max-width:1200px) {
html, body {font-size: 19px;}


}

@media screen and (max-width:1150px) {
html, body {font-size: 18px;}


}




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

	
}


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

}

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

}

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

}

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

}

@media screen and (max-width:880px) {
html, body {font-size: 16px;}	
.nopadmar{margin:0px;padding:0px;}


/*p*/
.textoCentrado{text-align:center;padding-right:5%;padding-left:5%;}
.textoCentrado p{text-align:center;padding-right:0%;padding-left:0%;}

.textoIzquierda{text-align:left;padding-right:5%;padding-left:5%;}
.textoIzquierda p{text-align:left;padding-right:0%;padding-left:0%;}


#contenedorInfo .logoPodo{width:500px;height:auto}
#contenedorInfo .logoRunH{width:170px;height:auto}
.iconRS{height:30px;width:auto;}


}

@media screen and (max-width:850px) {
	
	
}

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

}

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

html, body {font-size: 15px;}	

#contenedorInfo .logoPodo{width:450px;height:auto}
#contenedorInfo .logoRunH{width:140px;height:auto}
.iconRS{height:28px;width:auto;}


}

@media screen and (max-width:730px) {
	
}

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

}

@media screen and (max-width:650px) {
html, body {font-size: 14px;}	
#contenedorInfo .logoPodo{width:400px;height:auto}
#contenedorInfo .logoRunH{width:120px;height:auto}
.iconRS{height:26px;width:auto;}

}

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


}

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

}

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


}

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

}

@media screen and (max-width:500px) {
#contenedorInfo .logoPodo{width:320px;height:auto}
#contenedorInfo .logoRunH{width:120px;height:auto}
.iconRS{height:24px;width:auto;}

}

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

}

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

}

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

}

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

}

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


}

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


}