/*  
Theme Name: estilo Afoc
Version: 1.0

*/


/* Clearing Hack (http://www.positioniseverything.net/easyclearing.html)
----------------------------------------------- */
/*.cm:after
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.cm {display: inline-table;}
/* Hides from IE-mac \*/
* html .cm {height: 1%;}
.cm {display: block;}
/* End hide from IE-mac */


/* GENERAL ----------------------------------------*/

html {
padding: 0px;
margin: 0px;
height: 100%;
}

body
{
  background: url(../images/1px_main_bg.gif) repeat-x #e7e7e7 ;
  margin: 0px;
  padding: 0px;
  font: 0.8em "Lucida Grande",tahoma,arial,sans-serif; ;
  color: #6b665d;
  height: 100%;
}

p, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6 
{
  margin: 0; 
  padding: 0;
}

ul, ol, li {
  list-style-type: none;
}

p { line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 
{   line-height: 1.5em;
}


h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.6em; color: #fd8817; font-weight:normal  }
h4 { font-size: 1.2em; color: #999999; font-weight:normal; line-height: 1.2em; }
h5 { font-size: 0.8em; font-weight: normal;  }
h6 { font-size: 0.8em; font-weight: normal;  }

a, a:link, a:visited {
  color: #336fb0 ;
  text-decoration: none;
 
}



a:hover {
color: #7a9d2e  ;
  text-decoration: none;
}


img {
margin: 0px 0px 20px 0px;
}

pre {
  padding: 5px 0;
  margin: 0;
}

h1 span, h2  span, h5 span { 
  display: block;
  text-indent: -9999px; 
  overflow: hidden; 
  margin: 0; 
  padding: 0; 
  border: 0;
}

  
/* MAIN -------------------------------*/

#main {
  width: 700px;
  margin: 18px auto 10px auto;
  background: #f3f3f3;

}



#top {
  width: 700px;
  height: 164px;
background: url(../images/top_bg.gif) #fff no-repeat 0px 0px;
  overflow: hidden;
}


 
  
#brand span{
background: url(../images/logo_afoc.gif) no-repeat 0px 0px;
width: 280px;
height: 100px;
margin: 10px 0px 7px 19px;
display: block;
}  

 

h2 {
 display: none;
 }
  
.derecha{
float: right;
margin: 10px 10px 0 0;
}



/* TOP NAV =============================================*/




 .nav ul {
	list-style: none;
  width: 700px;  
  margin: 0px 0px 0px 0px;
  padding: 0 0 8px 0;
  height: 46px;
   display: inline; 
float:left;
 
    }


.nav li{
  float:left;
  background: transparent ;
  margin: 0 0 0 0px;
  padding:0;
  display: inline; 

  

}
.nav_1 li a {
	background: url(../images/b_1.gif) no-repeat;
  	float: left;
  	display: block;
  	height: 39px;
  	width: 128px;
	
}

.nav_1 li a:hover {
  background: url(../images/b_1_o.gif) no-repeat;
}

.nav_1 ul{
width: auto;
}

.nav_2 li a {
	background: url(../images/b_2.gif) no-repeat;
  	float: left;
  	display: block;
  	height: 39px;
  	width: 98px;
	
}

.nav_2 li a:hover {
  background: url(../images/b_2_o.gif) no-repeat;
}

.nav_2 ul{
width: auto;
}

.nav_3 li a {
	background: url(../images/b_3.gif) no-repeat;
  	float: left;
  	display: block;
  	height: 39px;
  	width: 95px;
	
}

.nav_3 li a:hover {
  background: url(../images/b_3_o.gif) no-repeat;
}

.nav_3 ul{
width: auto;
}

.nav_4 li a {
	background: url(../images/b_4.gif) no-repeat;
  	float: left;
  	display: block;
  	height: 39px;
  	width: 174px;

}


.nav_4 ul{
width: auto;
}


.nav_4 li a:hover {
  background: url(../images/b_4_o.gif) no-repeat;
}

.nav_4 ul{
width: auto;
}


.nav_5 li a {
	background: url(../images/b_5.gif) no-repeat;
  	float: left;
  	display: block;
  	height: 39px;
  	width: 116px;
	
}

.nav_5 li a:hover {
  background: url(../images/b_5_o.gif) no-repeat;
}

.nav_5 ul{
width: auto;
}

.nav_6 li a {
	background: url(../images/b_6.gif) no-repeat;
  	float: left;
  	display: block;
  	height: 39px;
  	width: 89px;
}

.nav_6 li a:hover {
  background: url(../images/b_6_o.gif) no-repeat;
}

.nav_6 ul{
width: auto;
}

.nav span {
  display: block;
  text-indent: -9999px; 
  overflow: hidden; 
  margin: 0; 
  padding: 0; 
  border: 0;
}


/* CONTENT =============================================*/
    


#content {
margin: 0px 0px;
padding: 8px 10px 50px 10px;

}

#content li{
list-style-image: url(../images/list_square.gif);
list-style-position: inside;
line-height: 1.8em;
padding:0px 3px 0px 10px;

}



#content h3{
margin: 20px 0px 20px 20px;
}


#content h4{
color: #7a9d2e;
margin: 0px 0px 20px 0px;
}


.content p{
margin: 0px 0px 0px 0px;


}


#left_column {
width: 370px;
padding: 20px 0px 0px 20px;

}


#right_column {
width: 220px;
padding: 80px 20px 0px 0px;
float: right;
}


.group {
padding: 20px 0px 20px 20px;
margin: 0 0 10px 0;
background: #fff;
}

.texto {
width: 370px;

}




.imagen {
width: 220px;
padding: 0px 20px 0px 0px;
float: right;

}



.list {
background: url(../images/bg_caja_1.gif) no-repeat bottom left ;
width: 540px;
height: auto;
margin: 10px 0px 10px 0px;
padding: 10px 30px 30px 30px;

}





.list2 ul{
width: 240px;
float: right;
margin-right: 10px;
}

.list_form {
background: url(../images/bg_caja_1.gif) no-repeat bottom left ;
width: 540px;
height: auto;
margin: 10px 0px 10px 0px;
padding: 10px 30px 30px 30px;
list-style:none;
}

.list_form li{
list-style:none;
color: #6b665d;
padding:0px 0px 0px 0px;
}


.texto230 {
width: 220px;
margin: 0px 0px 0px 0px;
}

.texto360 {
width: 350px;
margin: 0px 0px 0px 0px;
}


.texto580 {
margin: 0px 10px 0px 0px;
}



.img221 img {
width: 211px;
float:left;
margin: -10px 10px 0px -10px;
clear:both;
}





 
/* CONTENT OTHER PAGES =============================================*/
    
.header_2 {
background: url(../images/t_2.jpg) no-repeat;
width: 600px;
height: 132px;
}

.header_3 {
background: url(../images/t_3.jpg) no-repeat;
width: 600px;
height: 132px;
}

.header_4 {
background: url(../images/t_4.jpg) no-repeat;
width: 600px;
height: 132px;
}


.header_5 {
background: url(../images/t_5.jpg) no-repeat;
width: 600px;
height: 132px;
}

.header_6 {
background: url(../images/t_6.jpg) no-repeat;
width: 600px;
height: 132px;
}






/* CONTENT HOME =============================================*/
    
.slide {
width: 700px;
height: 170px;
margin: 0 0 0 0 ;
padding-bottom: 4px;
background: url(../images/1px_sombra_bg.gif) bottom repeat-x ;
}



.promo_1 {
width: 220px;
height: 300px;
margin: 0px 4px 0px 6px;
background: url(../images/1px_sombra_bg.gif) 0px 130px #fff repeat-x ;

display: block;
float: left;
}

.promo_2 {
width: 220px;
height: 300px;
margin: 0px 0px 0px 0px;
background: url(../images/1px_sombra_bg.gif) 0px 130px #fff  repeat-x ;

display: block;
float: left;
}

.promo_3 {
width: 220px;
height: 300px;
margin: 0px 6px 40px 0px;
background: url(../images/1px_sombra_bg.gif) 0px 130px #fff repeat-x ;

display: block;
float: right;
}






.promo_1 p, .promo_2 p, .promo_3 p  {
padding: 20px 20px 20px 20px;
font-size: 0.9em;

}




.promo_1s {
width: 220px;
height: 134px;
margin: 0px 4px 0px 6px;
background: url(../images/1px_sombra_bg.gif) 0px 130px  repeat-x ;
display: block;
float: left;
}

.promo_2s {
width: 220px;
height: 134px;
margin: 0px 0px 40px 0px;
background: url(../images/1px_sombra_bg.gif) 0px 130px  repeat-x ;

display: block;
float: left;
}

.promo_3s {
width: 220px;
height: 134px;
margin: 0px 6px 0px 0px;
background: url(../images/1px_sombra_bg.gif) 0px 130px  repeat-x ;

display: block;
float: right;
}



/* FOOTER =============================================*/

#footer {
margin: 0 auto 0 auto;
background: #fff;
padding: 10px 0px 10px 0px;
border-bottom: 6px solid #999999;
clear: both;

} 




#footer h5{
text-align: center;
}

.credito {
width: 700px;
margin: 0 auto 0 auto;
text-align: right;

}

.credito a{
color: #999999;

}