@font-face {
    font-family: 'colgateready-bold';
    src: url('colgateready-bold.eot');
    src: url('colgateready-bold.eot?#iefix') format('embedded-opentype'),
         url('colgateready-bold.woff') format('woff'),
         url('colgateready-bold.ttf') format('truetype'),
         url('colgateready-bold.svg#helvetica_neuelight') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'colgateready-regular';
    src: url('colgateready-regular.eot');
    src: url('colgateready-regular.eot?#iefix') format('embedded-opentype'),
         url('colgateready-regular.woff') format('woff'),
         url('colgateready-regular.ttf') format('truetype'),
         url('colgateready-regular.svg#helvetica_neuelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1{
    font-family: 'colgateready-bold';
    color: white;

}


h2{
    font-family: 'colgateready-regular';
    color: white;

}

*{margin: 0;}

.slider{width:115px;float: left;border-right: solid 1px;height:1944px;}
.slider li{list-style: none;}
.semanas{width:360px;float: left;}
.semanas li{float: left;width: 150px;margin-left: 10px;}
.semanas li{list-style: none;}
#participar{width:800px;height:370px;overflow-y:scroll;}

#participar li{list-style: none;font-size: 12px;height: 71px;margin-bottom:20px;}
#participar li p{padding-top: 15px;padding-left:82px;}
#participar li img{float: left;width: 70px!important;}
#izquierda{width:300px;font-family: 'colgateready-regular';float: left;font-size: 9px;color: #fff;margin-left: 30px;padding-bottom: 10px;}
#derecha{margin-top:90px;width:170px;font-family: 'colgateready-regular';float: right;font-size:12px;color: #fff;margin-right:120px;padding-bottom: 10px;}

#logo2{position:absolute;width:97%; text-align: right;padding-right:20px;padding-top: 20px; }
#menu{list-style: none;margin-left: 4%;width:220px;padding-top: 17%;position: absolute;z-index: 999999999999999;}

#menu li a{
text-decoration:none;
color: #fff;	
    font-family: 'colgateready-regular'
}

#todomenu{
float: left;
margin: 0;

width: 220px;

}


#backmenu{
background: rgb(255,0,4);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmMDAwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDIxMzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,0,4,1) 1%, rgba(228,33,48,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,0,4,1)), color-stop(100%,rgba(228,33,48,1)));
background: -webkit-linear-gradient(top,  rgba(255,0,4,1) 1%,rgba(228,33,48,1) 100%);
background: -o-linear-gradient(top,  rgba(255,0,4,1) 1%,rgba(228,33,48,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,0,4,1) 1%,rgba(228,33,48,1) 100%);
background: linear-gradient(to bottom,  rgba(255,0,4,1) 1%,rgba(228,33,48,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#e42130',GradientType=0 );
;
width: 305px;
height: 100%;
margin-left:27px;
position: fixed;
min-height:600px;
}


#contenido{
 float: left; width: 1050px; margin-top: 15%; margin-left: 20%; font-family: 'colgateready-regular'; color:#fff;
 min-height: 500px;
}
#contenido div img{width: 100%;}

#copy{
color:#fff;
margin-top: 90px;
margin-left: 7%;
bottom: 10px;
font-family: 'colgateready-regular';
font-size: 14px;width: 612px;
float: left;
height: 23%;
text-align: center;
}
#todo{min-width: 1118px;}

#footer{
min-width: 1050px;
width:100%;
float:right;
background: url(../imagenes/footer.png);
background-size: 100%;
background-repeat: no-repeat;
bottom:0px;
height:170px;
position: relative;
z-index: 999;
}

#footer a{color:#fff;}
#footer li a{
text-decoration:none;
color: #fff;	
    font-family: 'colgateready-regular';
font-size: 0.7em;
}

#footer li{
	list-style: none;
	float: left;
	display: inline-block;
	margin-left:30px;
line-height: 42px;
}





/*Responsive*/

@media (max-width: 1200px) {
#backmenu{position: absolute;}

}

@media all and (min-width: 300px) and (max-width: 1280px) {



#menu{
padding-top: 21%;

}


}


@media all and (min-width: 1426px) and (max-width: 1612px) {



}



@media all and (min-width: 1400px) and (max-width: 1900px) {

#menu{padding-top: 17%;}

}



@media (max-width: 1280px){
#menu{padding-top: 18%;}
#contenido {float:left;width:770px;margin-top: 6%;margin-left:30%;min-height: 400px;}
.imagen{width:671px!important;height:200px;}
.imagen2{width:687px!important;height:304px!important;margin-top: 30px!important;}
#menu li{font-size: 14px;}
#participar {
    width: 580px;}
#logo2{width: 97%;}   

#footer{position: absolute;min-width: 1204px;} 
#copy{font-size: 12px;width: 460px;}
}

@media (min-width: 1300px) {
#contenido{margin-top: 5%;margin-left: 29%;}
#footer{position: absolute;bottom: 0px;}
#contenido div{width: 996px!important;}
}


@media (max-width: 1090px) {
#derecha {margin-right: 78px;}
}