/* Centro Ippico El Paso */

/*

------------------------------------------------------
Copyright Jeroen van der Meer, http://www.jero.net/;
Main image copyright Brammeke, http://www.brammeke.net/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/
------------------------------------------------------

*/

/* Basic elements */


body {
background-color: #EBF0F6;
font: Verdana, Helvetica, Arial, sans-serif;
color: #272727;
margin: 0 auto;
padding: 0;
text-align: center;
width: 600px;
 }

h1, h2, h3 {
padding-top: 7px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
color: #d8f22a;
background-color: #adc39e; }

li {
line-height: 12px;
}

a {
color: #AB4D00;
padding: 1px;
text-decoration: none;
}

/* Layout */

#border {
position: relative;
width: 600px;
padding-left: 30px;
padding-right: 30px;
background: url(images/background.png);
}

#banner {
position: relative;
width: 600px;
height: 350px;
background: url(images/centroippico_elpaso.jpg) no-repeat;
border-left: 0px ;
border-right: 0px ;
border-bottom: 0px;
cursor: default;
}

#title {
margin: 0;
color: #FFFFFF;
font-size: 2em;
padding-top: 50px;
padding-right: 10px;
text-align: right;
}

#slogan {
color: #2d3317;
font-size: 1em;
padding-right: 10px;
margin-top: -5px;
text-align: right;
}



#nav-meta a {
color: #898989;
}

#nav-meta a:hover {
color: #3D3D3D;
border-top: 1px solid #B0B0B0;
border-bottom: 1px solid #B0B0B0;
}

#nav-meta li {
display: inline;
}

#nav-main {
position: relative;
width: 600px;
padding: 10px;

background-color: #adc39e;
border: 1px solid #7F7F7F;
cursor: default;
}

html>body #nav-main {
width: 595px;
position: absolute;
margin: 10px;
margin-left: 0;
padding: 3px;
}

#nav-main li {
display: inline;
padding: 10px;
color: #adc39e; }

#nav-main a {
color: #39531B;
}

#nav-main a:hover {
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

#nav-section {
	position: absolute;
	float: left;
	margin-top: 10px;
	width: 174px;
	border: 1px solid #7F7F7F;
	background-color: #adc39e;
	color: #d4c78d;
	height: 364px;
	left: 334px;
}

html>body #nav-section {
margin-top: 50px;
}

#nav-section a {
color: #39531B;
}

#nav-section li {
margin-top: 20px;
margin-bottom: 20px;}

#nav-section li:hover {
background-color: #adc39e;
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
}

#nav-section a:hover {
text-decoration: underline;
}

html>body #nav-section a:hover {
color: #000;
text-decoration: none;
}

/* Content */

#container {
padding: 30px;
top: 30px;
text-align: left;
color: #bed125; }

#content {
margin-left: 120px;
margin-right: -20px;
width: 440px;
background: ;
}

#content p, #content li {
text-align: justify;
font-size: 85%;
line-height: 1.6em;
color: #42420c; }

#content a:hover {
text-decoration: underline;
}

#content h1, h2, h3 {
background: url(images/head_img.png) no-repeat left;
}

/* Footer */

#info-site {
width: 600px;
color: #C9A742;
background-color: #F7F9FA;
background: ;
cursor: default;
}

#info-site a {
color: #AF701E;
}

#info-site a:hover {
background-color: #adc39e;
}

#info-site p {
margin: 0;
width: 100%;
padding-left: 5px;
padding-right: 5px;
}