/* 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-color:#cccccc;*/
	
	background-image:url('../images/back2.png');
	background-repeat:repeat-x;
	background-color:#333333;/*#947B4E;*/
}

#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:35px;
	z-index:2; 
}


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

}

#one/*contains all divs inside of the frame/box*/
{
	position:relative;
	width:970px;
	background-image:url('../images/bordermiddle.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;
	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;*/
}
#bar
{
	position:relative;
	width:960px;
	height:9px;
	margin-left:5px;
	background-image:url('../images/barra_03.gif');/*bar_03.gif');*/
	
}

#chimney/*este es el logo*/
{
	position:absolute;
	margin-left:45px;
	/*margin-top:-23px;*/
	margin-top:-20px;
	width:320px;
	height:102px;
	background-image:url('../images/logonuevochico3.jpg');
	z-index:40;
	/*border:solid #947B4E;*/
}

#bigone/*contiene los divs de imagen y texto principal*/
{
	position:relative;
	width:960px;
	height:310px;
	margin-top:10px;
	
}

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

#bigoneA/*contiene el texto principal*/
{
	float:right;
	width:452px;
	height:308px;
	
	margin-right:20px;
	background-image:url('../images/bigtwoApic2.jpg');

	
}

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

#bigoneA p.text
{
	margin-top:10px;
	margin-left:35px;
	margin-right:25px;
	text-align:left;
	color:black;
	font-size:122%;
}

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

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



#bigtwo
{
	position:relative;
	width:960px;
	height:150px;
	margin-top:10px;
	
}
#bigtwoA
{
	float:left;
	width:280px;
	height:150px;/*was 100*/
	background-image:url('../images/4.jpg');
	margin-left:27px;
}
#bigtwoB
{
	float:left;
	width:280px;
	height:150px;
	background-image:url('../images/12.jpg');
	margin-left:32px;
}
#bigtwoC
{
	float:left;
	width:280px;
	height:150px;
	background-image:url('../images/45.jpg');
	margin-left:32px;
}

#bigtwocontact
{
	position:relative;
	width:960px;
	height:65px;
	margin-top:10px;
	
}
#bigtwoAcontact
{
	float:left;
	width:280px;
	height:55px;
	background-image:url('../images/bigtwoBpic2.jpg');
	margin-left:27px;
}
#bigtwoBcontact
{
	float:left;
	width:280px;
	height:55px;
	background-image:url('../images/bigtwoBpic3.jpg');
	margin-left:32px;
}
#bigtwoCcontact
{
	float:left;
	width:280px;
	height:55px;
	background-image:url('../images/bigtwoBpic.jpg');
	margin-left:32px;
}

#bigthree
{
	clear:both;
	position:relative;
	width:960px;
	height:31px;
	margin-top:10px;
		
}
#bigthreeA
{
	float:left;
	width:280px;
	height:31px;
	background-image:url('../images/barhome1.gif');
	margin-left:27px;

}
#bigthreeB
{
	float:left;
	width:280px;
	height:31px;
	background-image:url('../images/barhome.gif');
	margin-left:32px;
}
#bigthreeC
{
	float:left;
	width:280px;
	height:31px;
	background-image:url('../images/barhome2.gif');
	margin-left:32px;
}

#bigfour
{
	clear:both;
	position:relative;
	width:960px;
	height:110px;
	margin-top:13px;
	text-align:justify;	
}


#bigfour p
{
	padding:9px;
	font:110% corbel;
}

.greenA
{
	color:black;
	font-style:italic;
}
.green
{
	color:white;/*#DFF2E7;*/
	font-style:italic;
	
}


#bigfourA img
{
	vertical-align:middle;
}
#bigfourA
{
	float:left;
	width:278px;
	height:60px;
	border: dotted 1px #666666;
	background-color:#ffffff;
	margin-left:27px;
	
}
#bigfourB
{
	float:left;
	width:278px;
	height:60px;
	border: dotted 1px black;
	background-color:#666666;/*#55463B;*/
	margin-left:32px;
	color:white;
}
#bigfourC
{
	float:left;
	width:278px;
	height:60px;
	border: dotted 1px #666666;
	/*background-color:666666;/*#DFF2E7;*/	
	margin-left:32px;
}
hr
{
	width:400px;
	color:white;
	z-index:20;
	margin-top:12px;
}

.textcontact
{
	margin-top:8px;
	margin-left:25px;
	margin-right:25px;
	text-align:center;
	color:black;
	font-size:130%;
	
}
.text3
{
	margin-top:20px;
	margin-left:25px;
	margin-right:25px;
	text-align:center;
	color:black;
	font-size:130%;
}

#contact
{
	position:relative;	
}


#link
{
	color:#cc6600;
}

#title, #par, #title2, #title3, #par2
{
display:inline;
}

#f1
{
	border:none;
}

.phpmsg
{
text-align:center;
}


h1, h2
{
	font-size:99.9%;
}

#legend1 /*legend of fielsets*/
{
	color:#ffffff;
	font-size:115%;
	text-align:center;
	padding-bottom:20px;
	font-weight:bold;
	padding-top:35px;
	
}

#legend1
{
	margin-left:30px;
}

.colfour
{
padding-left:35px;
}

#containerform
{
	float:left;
	width:470px;
	margin-left:10px;
	/*height:565px;*/
	z-index:25;
	/*margin:0 auto;/*to center the container*/
}


.clear
{
	clear:both;
	margin-bottom:5px;/*separacion entre un campo y otro  se le agrego bottom para que me lo separa ra bien porque no qeria hacerlo en firefox*/ 
}

.col1/*columns for form*/
{
	float:left;/*lo que esta en la etiqueta se va hacia la izquierda*/ 
	width:100px;/*espacio de la columna*/
	font-family:Arial;
	color:#ffffff;
}

.coltwo
{
	float:left;/*lo que esta en la etiqueta se va hacia la izquierda, pero como ya hay otra etiqueta entonces se va hacia la izquierda pero despues de la otra etiqueta*/ 
	width:210px;/*espacio de la columna es importante que se le de el espacio correspondiente, ya que si se le da menos por ejemplo el select menu no funciona bien*/
	font-family:Arial;
}

.col3
{
	float:left;	 
	margin-left:10px;
	/*width:200px;/*espacio de la columna*/
	font-family:'times new roman';
	color:#ffffff;
}


select, form, textarea
{
	font-family:arial;
	color:black;
	font-size:.96em;
}

fieldset
{
	background-color:#666666;/*#947B4E;/*pendiente de cambiar*/
	padding:15px;
	margin-left:20px;
	margin-top:1px;
	border:none;	
}

#f1
{
	padding:15px;
	margin-left:15px;
	padding-top:15px;
}

#message_msg, #checker_msg/*span message get element by id*/
{
	margin-left:1px;
	
}



#emailaddress
{
	float:left;
	margin-top:5px;/*pendiente de cambiar*/
	margin-left:150px;
	margin-bottom:25px;
}

#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:47px;
	background-image:url('../images/borderfoot.gif');
	background-repeat:no-repeat;
	z-index:5;
	margin:0 auto;
}	

#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;
	margin-top:15px;
	/*background-image:url('../images/gradi2.jpg');*/
	
}	

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

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

#sitemap p 
{
text-align:left;
color:white;
}


#linkmap a
{
color:white;
}

#site/*sitemap info*/
{
	margin-left:25px;
	margin-top:5px;
}