/* 
	Adobe Guadalupe 2008
	By beracacode.com
*/

*{ padding:0px; margin:0px; }
body{
	font:12px Arial, Helvetica, sans-serif;
    background:#4C483D;
	color:#FFFFFF;
	border:none;
}
img{ border:none;}
a{ font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none;}
a:hover{font:10px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;}
h3{ font:14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; margin:14px 14px 0px 0px;}
ul li{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#000000; list-style:none; display:block; text-align:left;}

/* contenedores */
#mainContainer{
	margin:0 auto;
	margin-top:50px;
	width:730px;
	height:440px;
	border:none;
	background:#FFCC66;
}
#barraSuperior{
	width:730px;
	height:63px;
	background:#000000;
}
#lado_izquierdo{ width:180px; height:63px; border:none;	float:left; margin:0px; padding:0px;}
#lado_derecho{ 	width:545px; height:63px; border:none; margin:0px; padding:0px; float:right;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* lado izquierdo */
#sidePicture{
	width:400px;
	height:307px;
	float:left;
	background:#FFCC66;
}
/* lado derecho */
#lado_derecho_contenedor{
	height:307px;
	width:324px;
	background:#FFCC66;
	float:right;
}
/* barra inferior */
#barraInferior{
	margin: 0 auto;
	width:730px;
	height:70px;
	background:#626751;
}
#barraInferior_izquiedo{
	width:400px;
	float:left;
	height:70px;
	background:#626751;
}
#barraInferior_derecho{
	width:330px;
	float:left;
	height:70px;
	background:#434C55;
}
/* menu de navegacion */
#menu{
	margin: 0 auto;
	margin-top:10px;
	width:530px;
	height:20px;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#ff6600;
	font-weight:bold;
}
#menu ul li{
	display:inline;
	list-style:none;
	padding:0px 3px 0px 3px;
	color:#ff6600;
	margin:0px;
}
#menu li a, #menu li a:visited, #menu li a:active{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
#menu li a:hover{
	color:#ff6600;
}
/* submenu */
#subMenu{
	margin:0 auto;
	padding-left:5px;
	width:500px;
	height:20px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#ff6600;
	font-weight:bold;
}
#subMenu ul li{
	display:inline;
	list-style:none;
	color:#ff6600;
}
#subMenu li a, #subMenu li a:active, #subMenu li a:visited{
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
#subMenu li a:hover{
	color:#ff6600;
}
/* menu inferior */

#menuInferior{
	width:300px;
	height:30px;
	color:#FF6600;
	text-align:right;
	float:right;
	margin-top:20px;
	margin-right:10px;
}
#menuInferior ul li{
	display:inline;
	list-style:none;
	padding-left:5px;
	color:#FF6600;
}
#menuInferior li a{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#menuInferior li a:hover{
	color:#FF6600;
}
/* icono lado derecho */
#icon {
	position:relative;
	top:-200px;
	left:250px;
	/*left:930px;*/
	/*top:230px;*/
	width:120px;
	height:196px;
	z-index:9;
}
#formaContacto{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}
#intro{
	margin:auto;
	width:800px;
	height:450px;
	padding-top:25px;
}
/*----------------------------Sección Especial-------------------------------------*/
#venta_caballos{
	width:100%;
	border:1px solid #00FF00;
}
	#venta_caballos p{
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		color:#333333;
		font-weight:bold;
	}
/* footer de paginas */
#footer{
	margin:0 auto;
	margin-top:10px;
	width:730px;
	height:30px;
}
/* Creditos  de la pagina */
#creditos{
	margin:0 auto;
	width:700px;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color: #626751;
}
#creditos a, #creditos a:visited, #creditos a:active{
	text-decoration:none;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color: #626751;
}
#creditos a:hover{
	text-decoration:none;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}