@charset "utf-8";

/*

- Site: Salven el Millon

*/



@import url(reset.css);



/* --------------- GRAL --------------- */



html, body { height: 100%; margin: 0; padding: 0; font-size: 11px; color: #292627; line-height: 1.4em; text-align: center;}

body,div,td,input,select,textarea { font-family: Arial, Helvetica, sans-serif; }

form { margin: 0; }

img { border: 0; }

a { color: #c1b1b4; text-decoration: none; font-size: 11px;}

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

p { text-align: left; font-size: 11px; margin: 0; padding: 0 0 0.7em 0; line-height: 1.5em; color: #282c35;}

ul, ol {list-style: none outside none;}

li {list-style-position: outside;}

ol li {list-style-position: outside; list-style-type: decimal; margin-left: 27px;}

ol.highlight, ol.highlight li {color: #631639; font-weight: normal;}

fieldset { border: none; padding: 0; margin: 0; }

input,select,textarea { font-size:14px; color: #a39e85; }

h1,h2,h3,h4,h5,h6,h7 { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 0.2em 0; text-transform:uppercase; font-weight: normal; color: #4f95fa;}

h1 { font-size: 34px; line-height: 1.2em;}

h2 {  font-size: 20px; line-height: 1.0em; }

h3 { font-size: 18px; line-height: 1.3em; color: #ce4b71; }

h4 { font-size: 9px; line-height: 1.0em; color: #080e1e; letter-spacing: 0.3em;}

.gralClear { clear: both; height: 1px; overflow: hidden; visibility: hidden; }

hr { clear: both; height: 1px; margin: 7px auto 11px auto; border: 0; background-color: #e9f0fa; color: #e9f0fa; }

.clear{ padding:0px; margin: 0px; height: 0px;clear: both; overflow: hidden;}

td, th { font-size: 16px; padding: 6px 30px 6px 3px;}

th {text-transform: uppercase; font-weight:bold;}
table { cellpadding:0; cellspacing:0;}



/* --------------- LAYOUT --------------- */





#home {

	margin: 0 auto;

	background: url(../img/bg.jpg) top center repeat-x #ffffff;

	height: 100%

}





#container {

	height: 836px;

	width: 796px;

	margin: 30px auto 0;

	box-shadow:0px 1px 1px 1px #e6e6e6;

	background: url(../img/collage.jpg) #fff;

	border: solid 8px #FFF;

	border-radius: 10px;

}





.claim {

	color: #FFF;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 10px;

}

#buttons {
   float: left;
    height: 58px;
    left: 163px;
    position: relative;
    text-align: center;
    top: 730px;
    width: 686px;
	
}

a .button1 {
	margin-right: 15px;
	float:left;
    background: url("../img/sprite.png") no-repeat scroll -510px -3px transparent;
    height: 58px;
    transition: all 0.2s ease-out 0s;
    width: 190px;
}

a .button2 {
	margin-right: 15px;
	float:left;
    background: url("../img/sprite.png") no-repeat scroll -2px -3px transparent;
    height: 58px;
    transition: all 0.2s ease-out 0s;
    width: 216px;
}

a .button3 {
	float:left;
    background: url("../img/sprite.png") no-repeat scroll -243px -3px transparent;
    height: 58px;
    transition: all 0.2s ease-out 0s;
    width: 245px;
}

a:hover .button1 {
    background: url(../img/sprite.png) -510px -68px no-repeat transparent;
}


a:hover .button2 {
    background: url(../img/sprite.png) -2px -68px no-repeat transparent;
}

a:hover .button3 {
    background: url(../img/sprite.png) -243px -68px no-repeat transparent;
}








/* --------------- INTERIORES --------------- */



#bases, #ganadores, #ranking {

	margin: 0 auto;

background: url(../img/bg.jpg) top center repeat-x #ffffff;

	height: 100%

}





#wrap-header {

	border-bottom: #dc2720 solid 5px;

	background: url(../img/header.jpg) center no-repeat #ffffff;

	height: 108px;

}



#header {

	width: 794px;

	margin: 0 auto;

}



#main {

    background-color: #FFFFFF;

    border: 4px solid #E6E6E6;

	border-top: none;

    margin: 0 auto;

    min-height: 500px;

    padding: 25px 45px;

    text-align: left;

    width: 700px;

}



#bases .claim, #ganadores .claim,  #ranking .claim {

	color: #666;

	margin-bottom: 10px;

}



#bases h1{

	background: url(../img/bases.jpg) no-repeat;

	width: 293px;

	height: 40px;

}



#ganadores h1{

	background: url(../img/ganadores-mes.jpg) no-repeat;

	width: 287px;

	height: 40px;

}



#ganadores h2{

	margin-top: 50px;

	background: url(../img/ganadores-semana.jpg) no-repeat;

	width: 361px;

	height: 40px;

}



#wrap-header a .button1 {

    background: none;

    height: 80px;

    left: 7px;

    position: relative;

    top: 14px;

    width: 270px;

}



#wrap-header a:hover .button1 {

    background: none;

}

#ranking h1{

	background: url(../img/ranking-mes.jpg) no-repeat;

	width: 287px;

	height: 40px;

}



#ranking h2{

	margin-top: 50px;

	background: url(../img/ranking-semana.jpg) no-repeat;

	width: 361px;

	height: 40px;

}

tr.odd {
	background: none repeat scroll 0 0 #e2e9f3;
}