@import url('../fuente/fuente.css');

/* -- General ------------------------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; list-style: none; vertical-align: baseline;}
html, body { background: #CCCCCC; margin: 0; padding: 0px; font-family: "OpenSansRegular", sans-serif; font-size: 11px; line-height: 15px;}
::selection { background: #f6ff00; color: #000; text-shadow: none;}
::-moz-selection { background: #f6ff00; color: #000; text-shadow: none;}
::-webkit-selection { background: #f6ff00; color: #000; text-shadow: none;}

a { text-decoration: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
a img { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
a:hover img { -moz-opacity: .7; opacity: .7; filter: alpha(opacity=70);}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
p { padding: 0 0 15px 0; width: 100%;}

#logoAgi { position: absolute; top: 20px; left: 20px; height: 70px; width: 70px; z-index: 30;}
#logoAgi a { padding: 0; height: 70px; width: 70px; display: block; background: none;}
#logoAgi a:hover { background: url(../img/logoRed.gif) no-repeat top left;}
#logoAgi a:hover img { -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0);}
#logoAgi img { height: 70px; width: 70px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15); box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
#nombreAgi { position: absolute; top: 35px; left: 110px; height: 30px; width: 110px; z-index: 30;}
#nombreAgi a:hover img { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
#textoHomeAgi { position: absolute; top: 60px; left: 115px; color: #FFF; z-index: 40;}
#textoHomeAgi h1 { text-shadow: rgba(0,0,0,.3) 0px 0px 3px; font-size: 11px;}


.cookies { position:fixed; left:0; bottom: 0; padding: 5px 5%; width: 90%; font-size: 10px; text-align:center; background: #333; color:#FFF; z-index:99999; opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); }
.cookies .int { max-width: 900px; margin: auto;}
.cookies a.okCookies { padding:4px; color:#87d42b; text-decoration:none; text-transform: uppercase;}
.cookies a.info { padding-left:5px; text-decoration: none; color:#FFF;}

.cenBoxCookies { float: left; max-width: 520px; margin: 150px 0 60px 0;}
.boxCookies { float: left; width: auto; margin: 0 0 0 115px;}
.boxCookies h2 { font-family:'OpenSansSemibold', Arial, sans-serif; margin-bottom: 1em; }
.boxCookies h3 { font-family:'OpenSansSemibold', Arial, sans-serif; margin: 3em 0 1em 0; }
.boxCookies strong { font-family:'OpenSansSemibold', Arial, sans-serif;}
.boxCookies p  { }
.boxCookies ul { padding: 0 0 1em 20px;}
.boxCookies li { padding: 0 0 .5em 0; list-style: disc;}