/* CSS Document */

/* CSS Document */

   body {
        margin:10px 0px 0px 0px;
        padding:0;
        border:0;		/* This removes the border around the viewport in old versions of IE */
        /* background: url(../imagenes/azpia.jpg) no-repeat; */

        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;

    }
	 h1, h2, h3 {
        margin:.8em 0 .2em .8em;
        padding:0;
    }
	h4{
	font-size:10px;
	text-align:right;
	font-style:italic;
	padding:0px;
	margin:0px;}
    p {
        margin:.4em 0 .8em .8em;
        padding:0;
    }
 a:link {

	font-size: 11px;	
	color: #999999;
	font-weight: normal;	
	text-decoration:none;

}
 a:visited {
font-size: 11px;
	color: #999999;
	text-decoration:none;
} 
a:hover {
font-size: 11px;
    text-decoration:none;
	color: #333333;
}
a:active {
font-size: 11px;
	text-decoration:none;
	color: #666666;
} 

	
	textarea {
	width: 95%;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

label{

color:#666666;
margin:15px 5px 5px 0px;
   display: inline-block;
   width: 20%;
padding:0px;






}
.negrita {
font-weight:bold;
color:#333122;
	
}
ul li strong{
font-weight:bold;
color:#333122;}
.small {
	font-size:smaller;
}

.big {
	font-size:14px;
}
.clear{
clear:both;




}

/* ------------------------------------------------------------------------------*/

	
#body{
	width:950px;
	margin:auto;
	/*padding:10px 0px 0px 0px;*/
	background-color:#FFFFFF;
	border:1px #AAA579 solid;
	        background: url(../imagenes/azpi.jpg) repeat-y;
				min-height:530px;


}

#body:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#header {
       clear:both;
        float:left;
      	font-size:10px;
	width:100%;
	   padding:35px 0px 0px 0px;

}

#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 15px;
        margin:0;
	}


	

#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:0px 0px 0px 0px;
	    padding:7px 0px 0px 0px;
		background: url(../imagenes/menu.gif) repeat-x;
		height:32px;
	
	}
	#header ul li {

	
	    display:inline;
	    list-style:none;
	    margin:0px 0px 0px 0px;

		 padding:10px 20px 8px 20px;
		border-right:1px #FFFFFF solid;
		vertical-align:middle;
	
	}
	#header ul li a {
	 

	    margin:0px;
	    padding:0px;
	    text-align:center;
	
	    color:#FFFFFF;
	    text-decoration:none;
	    position:relative;
	
	}
	#header ul li a:hover {

		color: #000000;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;

	    font-weight:bold;
	}
	#header ul li a span {
	    display:block;
	}
	/* 'widths' sub menu */
		#subheader_miga {
		float:right;		
		width:80%;
		margin:0px;
		padding:0px 10px 0px 0px;
		text-align:right;
		color: #999999;
		font-size:10px;
	
	}
	#subheader {
		float:right;
		border-bottom:1px #a69f71 solid;
		background:#FFFFFF;
		width:40%;
		margin:0;
		padding:3px 15px;
		text-align:right;
		color:#a69f71;
		font-size:14px;
		font-weight:bold;
	}
/*==============================CONTENEDOR===================================*/
#colmask {

    	position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:80%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		border:#FF0000 4px solid;
	
			
}
/* common column settings */

	.colleft {
		float:left;
		width:100%;
		position:relative;
	
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}



/* 2 Column (left menu) settings */
	.leftmenu {
		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;				/* right column width */

	 
	}
	.leftmenu .col1 {
		width:45%;				/* right column content width */
		left:128%;				/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;				/* left column content width (column width minus left and right padding) */
		left:30%;				/* (right column left and right padding) plus (left column left padding) */
	
	}
	
		.leftmenu .col3 {
		width:31%;				/* left column content width (column width minus left and right padding) */
		left:30%;				/* (right column left and right padding) plus (left column left padding) */
	
	}
	
	
	.col2{
	height:400px;}
	
		.col2 img{
		border:0;
		margin:0 0 0 20px;
	}
	
	
	/*====================================================================*/
	
	
	
.boxmain{

font-size:11px;
margin:0px 0px 0px 10px ;
	padding: 20px  0px  0px  10px;
text-align:left;

/*border-left:#a69f71 solid 1px;*/
	}
	.boxmain h2{
	color: #a69f71;
	font-size: 16px;
		margin: 0px;
	padding: 4px;
	font-weight: bold;


}
	.box{

	width: 100%;
	font-size:11px;
padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #E7E0D3;
	color: #6D6A45;
	float:left;
	}
		.box img {
		float:left;

padding: 10px;

	}
.box h3 {
	color: #000000;
	font-size: 12px;
	margin: 0px;
	padding: 4px;
	font-weight: bold;

}
	.box p {
	text-align:justify;

	}
	
.box  a:link{
	color: #000000;
	font-weight: bold;
	text-decoration:none;

}
.box  a:visited{
	color: #333333;
	font-weight: bold;
	text-decoration:none;

}
.box  a:hover{
	color: #666666;
	font-weight: bold;
	text-decoration:none;

}
.box  a:active{
	color: #000000;
	font-weight: bold;
	text-decoration:none;

}
	.box ul{
	padding:0px;
	margin:0px;
	
	}

	.box ul li{
		padding:0px 0px 10px 10px;
		list-style:none;
	
		background:url(../imagenes/lista.gif) no-repeat left top;
	margin:0px;
	
	}

.menu {
	 padding: 0px;
	 margin: 0px;
	 text-align:right;
	 width:100%;


}
.menu img{
   border:0px;

}

.menu ul {
	 width:80%; 
	 padding:0px;
	 margin:0px;


}
.menu li {
     padding:7px 10px 5px 0px ; 
	 list-style:none ;
	 background: url(../imagenes/lista.gif) right no-repeat;

 


}

.menu ul li a:link {
	
	font-size: 11px;
color: #a69f71;
	text-decoration:none;

}.menu ul li a:visited {
 
	font-size: 11px;
color: #a69f71;
	text-decoration:none;


}
.menu ul li a:hover {
 	color: #FFFFFF;
}

.menu ul li a:active {
	color: #ffffff;

}

.azpimenu a:link {
	font-size: 10px;
color: #A78D5F;
	font-weight: normal;	
	text-decoration:none;
padding:1px 3px 1px 0px ;


}

.azpimenu a:visited {
   font-size: 10px;
color: #A78D5F;
	font-weight: normal;	
	text-decoration:none;
padding:1px 3px 1px 0px ;


}
.azpimenu a:hover {
     font-size: 10px;  
	color: #FF9900;
}
.azpimenu a:active {
    font-size: 10px;
	color: #FF9900;
}

.azpimenu li {
     padding:2px 0px 2px 20px ; 
	 display:block;
  font-size: 10px;
  border:0;
}





/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;

    }
    #footer p {
        padding:10px 0 0 0;
		font-size:10px;
		color:#666666;
		text-align:center;
        margin:0 0 10px 0 ;
    }
	/*===================================CLASES=======================================*/
	
	.botonera{
border-top:1px #CCCCCC dotted;
margin:5px;
padding:5px;



}
.boton {
background: #6D6A45;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
border:0px;
padding:3px;
margin:5px;
cursor: pointer;	
}

.boton a:link {

color:#FFFFFF;
font-weight:bold;
font-size:10px;
	
}
.boton a:visited {

color:#FFFFFF;
font-weight:bold;
font-size:10px;
	
}
.boton a:hover {

color:#FFFFFF;
font-weight:bold;
font-size:10px;
	
}
.boton a:active {

color:#FFFFFF;
font-weight:bold;
font-size:10px;
	
}
/*========================================= EXPECÍFICAS PARA CADA PÁGINA ==================================================*/
		
		
/*======================= INDEX ==========================*/
#body_index{
	width:950px;
	margin:auto;
	/*padding:10px 0px 0px 0px;*/
	background-color:#FFFFFF;
	border:1px #AAA579 solid;
	background: url(../imagenes/index_azpi.jpg) no-repeat;


}
#body_index:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

	#subheader_index {
		float:right;

		width:80%;
		margin:0;
		padding:3px 15px;
		text-align:right;
		color: #666666;
		font-size:14px;
	
	}
	.boxmain_index {

height:210px;
font-size:11px;
margin:200px 0px 0px 10px ;
	padding: 0px  0px  0px  10px;
text-align:left;
border-left:#a69f71 solid 1px;
	}
	
	
	.boxmain_index h2{
	color: #a69f71;
	font-size: 16px;
	margin: 0px;
	padding: 4px;
	font-weight: bold;


}
	.box_index {

	width: 100%;
	font-size:11px;
padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #E7E0D3;
		float:left;
	}
		.box_index img {
		float:left;

padding: 10px;

	}
.box_index h3 {
	color: #000000;
	font-size: 12px;
	margin: 0px;
	padding: 4px;
	font-weight: bold;

}
	.box_index p {
	text-align:justify;

	}
	
.box_index  a:link{
	color: #000000;
	font-weight: bold;
	text-decoration:none;

}
.box_index  a:visited{
	color: #333333;
	font-weight: bold;
	text-decoration:none;

}
.box_index  a:hover{
	color: #666666;
	font-weight: bold;
	text-decoration:none;

}
.box_index  a:active{
	color: #000000;
	font-weight: bold;
	text-decoration:none;

}

	
	
	
	
	/*============================ SU OBRA=========================*/
	
	#body_obra{
	width:950px;
	margin:auto;
	/*padding:10px 0px 0px 0px;*/
	background-color:#FFFFFF;
	border:1px #AAA579 solid;
	        background: url(../imagenes/azpi_alpha.jpg);
							
	

}
#body_obra:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#galeria{


margin:8px;
}
#galeria ul{
width:280px;

padding:0px;
margin:0 0 0 20px;
}
#galeria ul li{
padding:0px;
margin:0px;
list-style:none;
height:100px;
float:left;
vertical-align:top;

}


#galeria img{


margin:6px;
border: 1px solid #6D6A45;
padding:0px;

}
#idiomas{ width:950px;  text-align:right; margin:auto; padding:0 0 5px 0;}
#idiomas img{ border:0;}
#idiomas_index{  text-align:right; margin:0 0 10px 0; padding:0 0 5px 0; color:#B5AC81; border-bottom:1px #eae5ce solid;}
#idiomas_index a:link{ color:#333333;}
#idiomas_index a:visited{ color:#333333;}
#idiomas_index a:hover{ color:#666666;}
#idiomas_index a:active{ color:#666666;}
#idiomas_index img{ border:0;}