html {
font-family:  'Roboto', sans-serif;
font-size: 16px;
color: #fff;
}

body {
background:#333;
background-image: url(../img/fondo-rh.jpg);
margin: 0px ;
}

header {
width:100%;
margin:0px ;
padding:5px 0px;
}

.contenedor {padding:0%;text-align:center;}

h1,h2,h3,h4{font-family: 'Roboto',sans-serif;font-weight:normal;}
h1{width: 90%;font-size:20px;margin:0 auto;padding:2%;color:#01AED9;margin-bottom:10px;}
h2{width: 90%;font-size:19px;margin:0 auto;padding:2%;color:#01AED9;margin-bottom:5px;}
h3{width: 90%;font-size:19px;margin:0 auto;padding:2%;color:#FFD678;margin-bottom:5px;}
hr {
    width:90%;
    height: 1px;
    border: 0;
    background-color: #fff;
}

p {text-align:center;margin-top:0px;}

section {
width: 95%;
display: inline-block ;
vertical-align:top;
margin-top:1%;
margin-bottom:1%;
padding: 0px 1px 15px 1px;
-webkit-border-radius: 5px ;
-moz-border-radius: 5px ;
border-radius: 5px ;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

article{width:46%;
min-height:170px;
margin:1% 0%;
padding:0%;
display: inline-block ;
vertical-align:top;
}

.content-rep {
width:200px;
height:200px;
background-color: #01AED9;
filter: alpha(opacity=30);
background-color: rgba(1,174,217,0.3);
margin:5px auto;
padding:5px;
-webkit-border-radius: 50% ;
-moz-border-radius: 50% ;
border-radius: 50% ;
display: flex;
align-items: center;
box-shadow: 0 20px 20px -20px #000;
}

.rep {
width:100px;
height:141px;
margin:auto;
}

img{
max-width:100%;
height:auto;
border:0;
}

a img {border: none;}

.imglogo {
-webkit-border-radius: 50% ;
-moz-border-radius: 50% ;
border-radius: 50% ;}

.centro{text-align: center;}

.tiempo{width:238px;margin:0 auto;}


@media (min-width: 320px){

section {width: 90%;}

}


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


article{width:95%;}

}

@media (min-width: 768px){

section {width: 90%;}

}

footer { 
background:rgb(0, 0, 0);
filter: alpha(opacity=30);
background-color: rgba(0,0,0,);
font-size:15px;
margin:0 auto;
padding:20px 10px;
clear:both;
position:relative;
}

footer a {color:#01AED9;text-decoration: none;}

footer a:hover {
	color:#ccc;
	text-decoration:none;
}