@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500);

body{font-family: 'Roboto', arial; background:#FFFFFF url(../img/background.jpg) repeat-x; }
h1,h2{ color:#1a216f; font-weight:500 !important; float:left; width:100%; text-align:center;}
p{ color:#464646; float:left; width:100%; text-align:center; margin-top:0px; font-size:0.9rem;}
h1{ font-size:1.5rem; letter-spacing:1px; margin-top:83px;}
h2{ background-color:#e4e2e2; float:right; width:232px; text-align:center; text-transform:uppercase; font-size:1.3rem; padding-top:5px; padding-bottom:5px; margin-bottom:20px;}

#wrapper{ width:960px; position:relative; margin-left:auto; margin-right:auto;}

#header{ float:left; width:100%; margin-top:3px;}
#cyrasa{ float:left;}
#alertcops{ float:right; margin-top:13px;}

#mobile{ background-image:url(../img/movil.jpg); width:740px; height:537px; background-repeat:no-repeat; position: absolute; float:left; left:50%; margin-left:-560px; top:277px;}
#descarga{ position:absolute; top:300px; right:0px; width:232px;}
#descarga a{ width:232px; float:left; background-color:#000; height:78px; margin-bottom:20px; background-position:center center;
-webkit-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
}

#gplay{ background-image:url(../img/google.jpg); background-repeat:no-repeat;}
#apple{ background-image:url(../img/appstore.jpg); background-repeat:no-repeat;}

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

body{ background-position:0px 30px; }

#wrapper{ width:90%;}
h1,h2{ float:left; width:90%; margin-left:5%; }

h1{ font-size:1rem; margin-top:46px;}
p{ font-size:0.9rem;}

#cyrasa{ width:90%; float:left !important; margin-left:5%;}
#alertcops{ width:90%; float:left !important; margin-left:5%;}

#mobile{ opacity:0.4; margin-left:-580px;}

h2{ font-size:1rem;}

#descarga{ width:70%; left:15%; right:15%;}
#descarga a{ width:100%; background-size:contain; height:60px;}

}