@charset "UTF-8";

/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



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 {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

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: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

html, body{height: 100%;}

body{background:url(../images/agsquare.png); font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;   }

.header{text-align:right;}

.logo{padding: 50px 60px}

.copyBar{background:#9D1417; color:#fff; position:relative; padding-left:312px}

.copyBar .imgBlock{position:absolute; left:50px; top:0px; margin-top:-60px;}

.imgBlock img{

-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);

    -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);

    box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);

}	

.copyBar p{padding:57px 10px; font-family: 'Muli', sans-serif; font-size:25px;}

.menu .nav{display:block; text-align:center;}

.menu{padding-left:312px; background:#525252 url(../images/menubg.jpg) repeat-x bottom left; }

.menu .nav li{color:#fff; font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; width:33%; display:block;}

.menu .nav li a{text-decoration:none; color:#fff; padding:20px 10px; display:block; border-right:1px solid rgba(255,255,255,0.3);}

.menu .nav li:hover{background:#C42E12 url(../images/menubg-hover.jpg) repeat-x bottom left;}

.menu .nav li:last-child a{border-right:0px;}

.menu .nav {

    list-style: none;

    padding: 0;

    margin: 0;

}

.menu .nav {

    display: flex;

      flex-flow: row wrap;

  

  /* Then we define how is distributed the remaining space */

  justify-content: space-around;

}



.contenedor{clear:both;}

.mainContainer{padding:40px; padding-left:312px;  }





.global {

  min-height: 100%;

  /* equal to footer height */

  margin-bottom: -46px; 

}

.global:after {

  content: "";

  display: block;

}

.footer, .global:after {

  height: 46px; 

}

.footer {

 	color:#fff;

 background:#9D1417;

}

.footer p{line-height:46px; padding:0px 30px; text-align:center;}

.footer p .icon{padding:0px 10px;}







.mainContainer p{margin-top:20px; }



#informes .listaInformes{border-top:1px dotted #ddd; border-bottom: 1px dotted #ddd; padding:10px 20px; margin:10px 0px;}

#informes .listaInformes ul li{margin:10px auto;}

#informes .listaInformes ul li a{background:#999; padding:10px; text-align:center; display:block; border-radius:4px; color:#fff; max-width:800px; margin:0px auto; text-decoration:none; border:3px solid #ddd;  }



#informes .listaInformes ul li a:hover{background:#9D1417;}

.caja {

	width:980px;

	margin:auto;

	background:#FFF;

	margin-top:30px;

    -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);

    -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);

    box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);

}

.foto {

    border: 10px solid #fff;

    border-radius: 10px;

    -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);

    -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);

    box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.29);	

}