/* CSS Document */
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html  /*global settings*/
{
	margin:0;
	padding:0;
	font-size:.75em;
	font-family:Helvetica;
	
}

body{
	background-image:url('../images/back2.png');
	background-repeat:repeat-x;
	background-color:#333333;
}

#containerone1 /*contains all of the divs*/
{
	position:relative;
	width:1000px;
	margin:0 auto;/*this makes the container to appear in the middle*/
	z-index:2; /*the furthest thing from the screen*/
	
	
}
#empty/*vacio para espacio arriba*/
{
	position:relative;
	width:1000px;
	height:10px;
	z-index:2; 
}
/*#chimney
{
	position:absolute;
	margin:-40px;
	margin-left:210px;
	margin-top:-91px;
	width:118px;
	height:185px;
	background-image:url('../images/chimney3.gif');
	z-index:40;
}*/


#head/*top part of the frame*/
{
	position:relative;
	width:970px;
	height:28px;
	background-image:url('../images/bordernuevo_01.gif');/*('../images/border2_01.gif');*/
	margin:0 auto;

}

#one/*contains all divs inside of the frame/box*/
{
	position:relative;
	width:970px;
	background-image:url('../images/bordernuevo_02.gif');/*('../images/border2_02.gif');*/
	z-index:5;
	margin:0 auto;/*this makes the container to appear in the middle*/
	
}
#three/*contains the menu*/
{
	position:relative;
	width:955px;
	height:60px;
	z-index:12;
	
}



ul.menu  
{
	list-style-type:none; /*takes off the bullets y es como global settings para el ul si lo queremos usar como menu, no es obligatorio ponerlo asi pero es recomendable*/
	margin:0;
	padding:0;
	font-size:125%;
	
	
	margin-right:20px;/*para que el menu se recorra*/
			   
	
}

ul.menu li
{
	float:right;
	color:#ffffff;
	width:75px;
	height:40px;
	display:block;
	background-color:#666666;/*#947B4E;/*#BABABA;	*/
	/*es la unica diferencia entre el horizontal y el vertical que le tienes que poner que se vaya a la izquierda del otro*/
}

ul.menu li a:link  /*estos son los settings del menu, hay que poner setting para cada area del link, como link, visited, hover etc de que color queires que sea la ccaja,letra, etc*/
{
	color:white;
	text-decoration:none;
	text-align:center;
	/*margin:6px;*/
	width:75px;
	height:40px;
	display:block;
	padding-top:12px;
	
}

ul.menu li a:visited  
{
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	width:75px;
	height:40px;
	display:block;
	padding-top:12px;
	/*margin:6px;*/
}

ul.menu li a:hover
{
	
	/*margin:4px;/*hace que se baje cuando hover*/
	color:white;/*#ffffff;*/
	width:75px;
	height:28px;
	/*display:block;*/
	background-color:#947B4E;/*#E5E5E5;/*#bababa;
	/*background-image:url('../images/menuback.gif');
	background-repeat:no-repeat;*/
	/*padding-top:12px;*/
	/*border-top:solid;*/
}


#heading
{
	position:relative;
	margin-left:27px;	
	width:915px;
	height:131px;
	background-image:url('../images/logo4.jpg');
	background-repeat:no-repeat;
	z-index:10;
	/*border:solid 6px #947B4E;*/
	
}

#bar
{
	position:relative;
	width:960px;
	height:10px;
	margin-left:4px;
	margin-top:13px;
	background-image:url('../images/barra_03.gif');/*bar_03.gif');*/
	
}

#bigone
{
	position:relative;
	width:960px;
	height:310px;
	margin-top:15px;
	margin-left:2px;
	
}
#bigoneA
{
	float:left;
	margin-left:25px;
	width:448px;
	height:308px;	
	background-image:url('../images/bigtwoApic2.jpg');
	/*background-color:#947B4E;*/
	/*border:solid 1 px #947B4E;*/
	
}

hr
{
	width:400px;
	color:white;
	z-index:20;
}

#bigone p.title
{
	font:2.3em/140% Helvetica, Arial, Geneva, sans-serif, Arial, Geneva, sans-serif;
	text-align:center;
	margin-top:10px;
	
}	

#bigoneA p.text
{
	margin-top:20px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:10px;
	text-align:center;
	color:black;
	font-size:140%;
}

#bigoneA p.text2
{
	margin-top:5px;
	margin-left:25px;
	margin-right:25px;
	text-align:center;
	color:black;
	font-size:130%;
	
}
#bigoneA p.text3
{
	margin-top:5px;
	margin-left:25px;
	margin-right:25px;
	text-align:center;
	color:black;
	font-size:130%;
}

#bigoneA li
{
	list-style-type:square;
	margin-top:10px;
	margin-left:50px;
	margin-right:25px;	
	color:black;
	font-size:128%;
}
#bigoneA ul
{
	margin-bottom:15px;	
}



#bigoneBplus
{
	float:left;
	width:452px;
	height:305px;
	margin-left:15px;
	margin-top:1px;
	/*background-image:url('../images/bigoneBpic.jpg');*/	
	
}

#bigoneB
{
	
	float:left;
	margin-left:15px;
	margin-top:1px;
	width:452px;
	height:250px;
	/*background-image:url('../images/bigoneBpic.jpg');*/
	overflow:hidden;
	position:relative;
}


#bigoneB img
{
	top:0;
	left:0;
	display:none;
	position:absolute;
	
}

#pics
{
	float:left;
	background-image:url('../images/piedras.jpg');
	margin-top:10px;
	margin-left:15px;
	width:452px;
	height:44px;
}

#bigonetwo
{
	position:relative;
	width:960px;
	height:310px;
	margin-top:10px;
	
}
#bigoneAtwo
{
	float:left;
	margin-left:12px;
	width:437px;
	height:308px;	
	/*background-image:url('../images/bigtwoApic2.jpg');*/
	
}


.mainpic2
{
	
	float:left;
	display:block;
	margin-left:15px;
	margin-top:1px;
	width:445px;
	height:305px;
	background-image:url('../images/cladding.jpg');
}

a.mainpic2:hover
{
	
	float:left;
	margin-left:15px;
	margin-top:1px;
	width:445px;
	height:305px;
	display:block;
	background-image:url('../images/46.jpg');
	
}

#bigoneBtwo
{
	
	float:left;
	margin-left:25px;
	margin-top:1px;
	width:452px;
	height:305px;
	/*background-image:url('../images/bigoneBpic.jpg');*/
	
}


.mainpic3
{
	
	float:left;
	display:block;
	margin-left:15px;
	margin-top:1px;
	width:452px;
	height:305px;
	background-image:url('../images/49.jpg');
}

a.mainpic3:hover
{
	
	float:left;
	margin-left:15px;
	margin-top:1px;
	width:452px;
	height:305px;
	display:block;
	background-image:url('../images/24.jpg');
	
}



#foot1/*contains the picture of the bottom of the frame*/
{
	clear:both;/*se los agregue pero le quite e height a ten*/
	position:relative;
	width:970px;
	
	height:46px;
	background-image:url('../images/bordernuevo_03.gif');/*('../images/border3_03.gif');*/
	background-repeat:no-repeat;
	z-index:5;
	margin:0 auto;
}	


#threemain/*contains the menu*/
{
	
	position:relative;
	margin:0 auto;
	width:955px;
	height:30px;
	z-index:12;
	color:#ffffff;
	
	
}


ul.menumain  
{
	list-style-type:none; /*takes off the bullets y es como global settings para el ul si lo queremos usar como menu, no es obligatorio ponerlo asi pero es recomendable*/
	margin:0;
	padding:0;
	font-size:130%;
	color:#ffffff;
	padding-top:20px;
	/*para que el menu se recorra*/
	margin-right:265px;
	
}

ul.menumain li
{
	float:right;
	color:white;
	/*es la unica diferencia entre el horizontal y el vertical que le tienes que poner que se vaya a la izquierda del otro*/
}

ul.menumain li a:link  /*estos son los settings del menu, hay que poner setting para cada area del link, como link, visited, hover etc de que color queires que sea la ccaja,letra, etc*/
{
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:6px;
}

ul.menumain li a:visited  
{
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:6px;
}

ul.menumain li a:hover
{
	margin:6px;
	color:black;
}



#foot/*contains links and copyright text*/
{
	
	clear:both;/*se los agregue pero le quite e height a ten*/
	position:relative;
	/*width:970px;*/
	height:32px;
	z-index:10;
	margin:0 auto;
	/*background-image:url('../images/gradi2.jpg');*/
	margin-top:15px;
}	

#copy /*copyright  text*/
{
	text-align:center;
	margin-top:5px;
	color:white;
	padding-bottom:10px;
	
}

#linkmap
{
	text-align:center;
	
	color:white;
	
}


#linkmap a
{
color:white;
}