/* CSS Document */

/* CSS Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* estructura */

body {
background-color:#252563;
}
#cab {
width: 896px;
height: 350px;
background-image: url(../img/f_copa.png);
background-position: right;
background-repeat: no-repeat;
background-color: #e9eae1;
}
#cabi {
width: 896px;
height: 320px;
background-image: url(../img/f_copa1.png);
background-position: right;
background-repeat: no-repeat;
background-color: #e9eae1;
}
#cabe {
width: 896px;
height: 390px;
background-image: url(../img/f_copa1.png);
background-position: top left;
background-repeat: no-repeat;
background-color: #e9eae1;
}
.logo {
width: 292px;
height:275px;
float:left;
}
.logoi {
width: 292px;
height:316px;
float:left;
}
.logoe {
width: 292px;
height:370px;
float:left;
}
.nav {
width: 534px;
height:75px;
margin: 0 40px 0 0;
float:right;
}
.fotosh {
width: 534px;
height:260px;
margin: 0 40px 0 0;
float:right;
}
.fotoshi {
width: 534px;
height:244px;
margin: 0 40px 0 0;
float:right;
}
.fotoshe {
width: 534px;
height:296px;
margin: 0 40px 0 0;
float:right;
}
#pie {
width: 896px;
height:110px;
background-image:url(../img/f_pie.gif);
background-repeat:repeat-x;
background-color:#e9eae1;
clear:both;
}
#pie img {
margin: 0 10px 0 30px;
}
#pie p {
margin: 0;
padding: 10px 0;
color:#79896d;
font-size: 9px;
line-height:12px;	
}
.nav ul{
	padding:10px 0px 0px 0px;
	margin: 38px 0 0 0;	
	background: none;
	list-style: none;
}
.nav li{
	display: inline;
	color: #457AAF;
	background: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	border:none;
}
.nav a {
	padding: 0px;
	margin: 0px;
	}
.nav a:link {
	color: #3562A4;
	background-image:url(../img/hoja.png);
	background-position: left;
	background-repeat:no-repeat;
}
.nav a:visited {	
	color: #3562A4;
	background-image:url(../img/hoja.png);
	background-position: left;
	background-repeat:no-repeat;
	}
.nav a:hover {	
	color: #F07200;
	background-image:url(../img/hoja_a.png);
	background-position:left;
	background-repeat:no-repeat;
	}
.nav a:active {
	color: #3562A4;
	}
.nav a:active, .nav a:hover,.nav a:visited, .nav a:link {
	text-decoration: none;
	font-size: 13px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 5px 3px 16px;
	margin: 0;
	}


/* grid */

.grid {
  width: 896px;
  margin: auto;
  background-color:#e9eae1;
}

.grid-m1 {
  float: left;
  width: 40px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 252px;
}

.grid-m2 {
  float: left;
  width: 30px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 252px;
}

.grid-m3 {
  float: left;
  width: 30px;
  height: 1px;
}

.grid-c3 {
  float: left;
  width: 252px;
}
.grid-c2col {
  float: left;
  width: 560px;
  margin: 0 0 0 30px;
}
.grid-c2col img {
  margin: 0 15px 15px 0;
}


/* tipografia */

.grid p {
  line-height: 16px;
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h1 {
  line-height: 32px;
  font-size: 18px;
  font-family: Verdana, Geneva, sans-serif;
}

.grid h2 {
	line-height: 22px;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 0 0 40px;
	color:#51854E;
	font-weight:bold;
}

.grid h3 {
  line-height: 16px;
  font-size: 15px;
  font-family: Verdana, Geneva, sans-serif;
  color:#7ab31d;
  margin: 14px 0 0 0;
}

.grid h4 {
  line-height: 20px;
  font-size: 13px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight:bold;
  color:#006600;
}

.grid h5 {
  line-height: 19px;
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight:normal;
  color:#51844f;
  margin: 0 40px 0 40px;
}

.grid h6 {
  line-height: 32px;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
}

blockquote {
  line-height: 16px;
  font-size: 13px;
  font-family: Verdana, Geneva, sans-serif;
  margin: 10px 0 0 0;
  color:#51844f;
}
a:link {
	color: #3562A4;
}
a:visited {
	color: #333;
}
a:hover {
	color: #F07200;
}
a:active {
	color: #3562A4;

}
a:link, a:visited, a:hover, a:active {
  	font-family: Verdana, Geneva, sans-serif;
	padding: 0;
	margin: 0;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
h3 a:hover {
	color: #F07200;
}

h3 a:link, h3 a:visited, h3 a:hover, h3 a:active {
  line-height: 16px;
  font-size: 15px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight:normal;
   margin: 14px 0 0 0;
}