/* RESET CSS */
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,img,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}
/* FUENTE */
@font-face {
    font-family: 'oleo_scriptregular';
    src: url('http://www.orbyt.es/estaticas/promociones/2013/04/orbyt/dia_de_la_madre/font/oleoscript-regular-webfont.eot');
    src: url('http://www.orbyt.es/estaticas/promociones/2013/04/orbyt/dia_de_la_madre/font/oleoscript-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.orbyt.es/estaticas/promociones/2013/04/orbyt/dia_de_la_madre/font/oleoscript-regular-webfont.woff') format('woff'),
         url('http://www.orbyt.es/estaticas/promociones/2013/04/orbyt/dia_de_la_madre/font/oleoscript-regular-webfont.ttf') format('truetype'),
         url('http://www.orbyt.es/estaticas/promociones/2013/04/orbyt/dia_de_la_madre/font/oleoscript-regular-webfont.svg#oleo_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      estructura     //////////////////////////////////////////////*/
html, body{ height:100%; margin:0; position:relative; color:#333; font-family: Helvetica, Arial, sans-serif; font-size:13px; background:#2f2f2f;}
.blanco{width:100%; background:#fff; height:auto;overflow:hidden;}
section,header,footer{width:950px; margin:0 auto; text-align:center;}
header > a img{float:right; margin-top:10px;}
section .mensaje {position:relative;width:526px;height:195px;margin:0 auto; background:url(../img/bgppal.jpg) no-repeat;}
section .mensaje~img {margin-right:80px;}
.principal {background:url(../img/imagen-ppal.jpg) no-repeat; width:770px; height:400px; margin:0 auto; position:relative;}
.principal .cajaamarilla {
  background: url("../img/amarillo.png") no-repeat scroll 0 0 transparent;
  bottom: 0;
  color: #FFFFFF;
  height: 102px;
  left: 20px;
  padding-top: 35px;
  position: absolute;
  text-align: center;
  width: 121px;
}
.principal .cajaamarilla strong{font-size:25px;}
.principal .cajaamarilla strong:first-child{margin-top:10px;}
.cajaamarilla p.borde {border-bottom: 1px solid #FFFFFF;display: block;margin-bottom: 5px;margin-left: auto;margin-right: auto;padding-bottom: 5px;text-align: center;width: 100px;}
.principal .cajaamarilla p{font-size:12px;line-height:16px;}
.principal .cajaamarilla > img{margin-top:5px;}
.principal .pdf, .login .pdf {background: url("../img/info.png") no-repeat scroll center top transparent;bottom: -40px;height: 100px;padding-top: 50px;position: absolute;right: -75px;}
.principal .pdf a,.login .pdf a{color:#666;}
.bloque{width:470px; display:inline-block; *display:inline; zoom:1; vertical-align:top; color:#333;text-align:center;margin-top:20px;}
.bloque > strong{font-size:20px; font-weight:bold;}
.bloque p {font-size: 17px;line-height: 25px;margin: 10px 0;}
.bloque p strong{font-weight:bold;}
.bloque a{background: none repeat scroll 0 0 #4DA2D0;border: 0 none;border-radius: 5px 5px 5px 5px;color: #FFFFFF;cursor: pointer;font-size: 18px;padding: 5px;width: 240px;height:40px; line-height:40px;text-decoration:none; display:inline-block;*display:inline;zoom:1;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////      bloque de login    ///////////////////////////////////////*/
.login {width:770px; height:400px; margin:0 auto; position:relative;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      fuente    //////////////////////////////////////////////*/
header h1{width:77px;height:77px; display:block; overflow:hidden;float:left;}
section .mensaje h2 {font-family: 'oleo_scriptregular';color: #FFFFFF;font-size: 40px;margin-left: 30px;*margin-left:-220px;margin-top: 60px;position: absolute;text-align: center;width: 430px;z-index: 5;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////      footer    //////////////////////////////////////////////*/
footer {background: url("../img/footer.jpg") no-repeat scroll center bottom transparent;color: #999999;font-size: 12px;height: 60px;margin-top: 50px;position:relative;}
footer a {color:#999;}
.redes_sociales {margin-top:0px;padding: 0;position:absolute;top:-20px;left:20px;}
.redes_sociales li {display: inline-block;*display:inline;zoom:1;height: 30px;margin: 7px 0 0;width: 30px;}
.redes_sociales li a {display: inline-block;height: 30px;width: 30px;}
.redes_sociales li.facebook a {
    background: url("../img/sprite_social.png") no-repeat scroll 0 -30px transparent;
}
.redes_sociales li.facebook a:hover {
    background: url("../img/sprite_social.png") no-repeat scroll 0 0 transparent;
}
.redes_sociales li.twitter a {
    background: url("../img/sprite_social.png") no-repeat scroll -30px -30px transparent;
}
.redes_sociales li.twitter a:hover {
    background: url("../img/sprite_social.png") no-repeat scroll -30px 0 transparent;
}