@import url('reset.css');
@import url('fuentes.css');

/*------estilo general----- */
body{
	background:#b9c625;
	}

#Container01 {
	position:relative;
	width:1400px;
	height:1480px;
	z-index:2;
	margin:10px auto 0 auto;
	
}

/*-------estilo del titulo de la barra superior-----------*/
	
#Container01 #Menu h1 {
	font-family:"Myriad Pro, Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#666;
	text-align: left;
	vertical-align: middle;
	float: left;
	position: absolute;
	padding:16px 8px;
}

#Menu {
	position:absolute;
	left:230px;
	top:10px;
	width:940px;
	height:50px;
	z-index:4;
	background:url(../Imagenes/gradiente_menu.png) repeat-x;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0px 0px 8px;
}

/*-------BANNER SLIDER----*/


#banner_01 {
	position:absolute;
	left:230px;
	top:70px;
	width:940px;
	height:440px;
	z-index:3;
	background-color: #fff;
	border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	}
/*----Banner Logo---*/

#head {
	position:absolute;
	width:1400px;
	height:70px;
	z-index:5;
	top: 520px;
	left: 0px;
	background-color: #b9c625;
	}
	
#logo {
	position:absolute;
	width:200px;
	height:200px;
	z-index:1;
	left: 130px;
	top: -65px;
	background-image: url(../Imagenes/logo%20feldenmx-02.png);
}
	
#logotipo {
	position:absolute;
	width:750px;
	height:70px;
	z-index:2;
	left:330px;
	background-image: url(../Imagenes/logotipo-01.png);
	top: 0px;
	
}	
#cinta_Head {
	position:absolute;
	left:0;
	top:530px;
	width:100%;
	height:70px;
	z-index:1;
	background-color: #b9c625;
	box-shadow:0px 0px 10px;
	
}	
	
	
/*--------ARTICULOS-----------*/
	
#cuerpo {
	position:absolute;
	width:940px;
	height:1240px;
	z-index:2;
	top: 80px;
	left: 230px;
	background-color: #FFFFFF;
	box-shadow:0px 0px 10px;
	border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
}



#articulo_1{
	position:absolute;
	width:650px;
	height:240px;
	top:520px;
	left:20px;
	border-bottom:5px solid #CF0;
		
	}
	
#articulo_2{
	position:absolute;
	width:650px;
	height:240px;
	top:760px;
	left:20px;
	border-bottom:5px solid #CF0;
	
	}
	
#articulo_3{
	position:absolute;
	width:650px;
	height:240px;
	top:1000px;
	left:20px;
		
	}
	
	
	
	/*-----titulos, contenidos, imagenes y botonoes de los articulos-----*/

#Container01 #cuerpo h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #333;
	position: absolute;
	left:100px;
	top:20px;
	
}
	
#Container01 #cuerpo p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	margin:auto;
	float:left;
	width::200px;
	top:60px;
	text-align:justify;
	width: 300px;
	height: 79px;
	}

#Container01 #cuerpo img {
	position:relative;
	float:right;
	top:31.5px;
	
	}
	
.boton {
	background:url(../Imagenes/gradiente_menu.png);
	background-repeat:repeat-x;
	border-radius: 5px;
	position:relative;
	float:left;
	top:150px;
	left:-100px;
	width:92px;
	height: 31px;
	display:block;
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height:31px;
	text-decoration:none;
	text-align:center;
	box-shadow:0 0 5px #333;
	}
	
.boton:hover{
	box-shadow:0 0 10px #333;
	}
	
	
	
.boton2 {
	background:url(../Imagenes/gradiente_menu.png);
	background-repeat:repeat-x;
	border-radius: 5px;
	position:absolute;
	float:left;
	top:360px;
	left:750px;
	width:92px;
	height: 31px;
	display:block;
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height:31px;
	text-decoration:none;
	text-align:center;
	box-shadow:0 0 5px #333;
	}
	
.boton2:hover{
	box-shadow:0 0 10px #333;
	}
	


/*--------MENU LATERAL--------*/
		

#Menu_lateral {
	position:absolute;
	width:260px;
	height:720px;
	z-index:6;
	left: 910px;
	top: 600px;
	background-color: #939597;
	border-radius:0px 0px 10px 0px;
	-moz-border-radius:0px 0px 10px 0px;
	-wbkit-border-radius:0px 0px 10px 0px;
}






	

/*-----------Menu lateral  BOTONES DE TITULO----------------------*/

#Botonmenlat1 {
	background-image:url(../Imagenes/BotonMen_01.png);
	width:260px;
	height:60px;
	z-index:1;
	
	}



#Botonmenlat2 {
	background-image:url(../Imagenes/BotonMen_02.png);
	height: 60px;
	width:260px;
	position:absolute;
	top:480px;
	z-index:2;
		
	}
	
#recomendados {
	position:absolute;
	top:540px;
	width:260px;
	height:180px;
	z-index:3;
			
	}

#recomendados a {
	text-decoration:none;
	display:block;
	Font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:5px 0px 2px 8px;
	color:#FFF;
	text-align:left;
				
	}
	
#recomendados a:hover {
	box-shadow:0 0 3px #666;
	-moz-box-shadow:0 0 3px #666;
	-webkit-box-shadow:0 0 3px #666;
	font-size:15px;
	color:#CF3;
	
	}
	
#socialplug{
	background:#CCC;
	width:240px;
	height:340px;
	position:relative;
	top: 10px;
	left:10px;
	}
	
#Btn_social {
	position:relative;
	width:200px;
	top:20px;
	left:30px;
	}
	
a.social {
	width:70px;
	height:70px;
	position:relative;
	
	}
	
#Btn_social a img:hover {
	position:relative;
	width:65px;
	height:65px;
	top:-10px;}

/*-----------banner galeria-------------*/

#Banner_galeria {
	position:absolute;
	width:940px;
	height:140px;
	z-index:7;
	left: 230px;
	top: 1330px;
	background-color: #302f34;
	box-shadow:0px 0px 5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}




/*-------pie de pagina--------*/
#piepagina {
	background-color: #333333;
	position: relative;
	width:100%;
	height:100px;
	z-index:3;
	margin:0px auto 0px auto;

}


#pie {
	position: relative;
	width:1400px;
	height:100px;
	z-index:0;
	margin:0px auto 0px auto;
	}

#ContacFoot {
	position:relative;
	height:25px;
	width:940px;
	margin:0px auto 0px auto;
	z-index:1;
	}

#ContacFoot p {
	position:relative;
	color:#FFF;
	top:5px;
	
	}

#MapaSite {
	position:relative;
	height:20px;
	width:940px;
	margin:0px auto 0px auto;
	z-index:2;
	
	}
	
.navi li a {
	text-decoration:none;
	display:block;
	color:#CF3;
	padding:10px 10px;
	float:left;
	margin:0px auto 0px auto;
	position:relative;
	font-size:14px;
	left:30px;
		
	}
.navi li a:hover {
	color:#FFF;
	text-decoration:underline;	
	}	
	
	
	
#Copiright {
	position:relative;
	height:30px;
	width:940px;
	margin:0px auto 0px auto;
	z-index:3;
	font-size:12px;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}
#Copiright p{
	
	text-align:center;
	
	
	}
/*-----------incia estilos de slider Banner_01--*/

#banner_01 a
{
   color: #0000FF;
   text-decoration: underline;
}
#banner_01 a:visited
{
   color: #800080;
}
#banner_01 a:active
{
   color: #FF0000;
}
#banner_01 a:hover
{
   color: #0000FF;
   text-decoration: underline;
}



#wb_slidery1
{
   background-color: transparent;
  
}
#slidery1 .frame
{
   width: 940px;
   display: inline-block;
   float: left;
   height: 440px;
   text-decoration:none;
}
#wb_slidery1 .pagination
{
   bottom: 0;
   left: 0;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   width: 940px;
   z-index: 999;
}
#wb_slidery1 .pagination img
{
   border-style: none;
   padding: 12px 12px 12px 12px;
}
#Image1
{
   border: 0px #000000 solid;
}
#Image2
{
   border: 0px #000000 solid;
}
#Image4
{
   border: 0px #000000 solid;
}
#Image5
{
   border: 0px #000000 solid;
}
#Image3
{
   border: 0px #000000 solid;
}

/*---estilos de banner 2--*/