/* CSS Document */

/* CSS Document */

/* CSS Document */
   body {
        margin:10px 0 0 0;
        padding:0;
        border:0;		/* This removes the border around the viewport in old versions of IE */
        background: url(../images/azpia.gif)  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;
    }
    p {
        margin:.4em 0 .8em .8em;
        padding:0;
    }
 a:link {

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

}
 a:visited {
font-size: 11px;
	color: #666666;
	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 10px 0px;

   width: 20%;
padding:10px;






}
.center{
text-align:center;
padding:30px 0 0 0;}

h3{
font-size:14px;
color:#333333;}
/* ------------------------------------------------------------------------------*/

	
#body{
	width:964px;
	margin:auto;
	background: url(../images/body.gif) no-repeat;


}

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

#header {
       clear:both;
        float:left;
      	font-size:10px;
	width:964px;

	height:100px;
}

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

#header h1{
padding:0px;
margin:0;}
	
#top{
padding: 0 0 0 560px;



}
	h1{
	  margin:0 0 0 0;
	width:245px;
	height:67px;
	position:relative;
	font-size:14px;
	color:#ffffff;}
	
		h1 span{
		background:url(../images/logo.gif) no-repeat;		
	width:100%;
	height:100%;
	position: absolute;}
#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:3px 0 0 0px;
	    padding:0;
		
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
		
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 1px;
	    padding:0 10px;
	    text-align:center;
		color:#0099CC;
	    text-decoration:none;
	    position:relative;
	    left:15px;
		line-height:1.3em;
		border-right:1px #0099CC solid;
		font-size:12px;
	
		font-family: "Arial Narrow", Arial, Verdana, sans-serif; 
		
	}
	#header ul li a:hover {
	
		color: #999999;
	}
	#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 */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
/*==============================CONTENEDOR===================================*/
#colmasc {
    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 */
			
}
/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	
	.col1 h2{
	color:#0099CC;
	font-size:14px;

	
	}
	
	.col1 p{
	text-align:justify;
	margin:30px 20px 0 40px ;
	color:#333333;
	
	}
		.col1 h2{
		padding: 20px 0 10px 20px;
	color:#0099CC;
	font-size:14px;
	background:url(../images/h2.jpg) left no-repeat;
	border-bottom:1px #CCCCCC solid;
	
	}
			.col2 h2{
		padding: 20px 0 10px 20px;
	color:#0099CC;
	font-size:14px;
	background:url(../images/h2.jpg) left no-repeat;
	border-bottom:1px #CCCCCC solid;
	
	}
	.col1 ul{
	margin:0px;
	padding:0 0 0 80px;}
	.col1 li{
	list-style:url(../images/li.jpg);
	padding:2px 0 2px 0;}
	
	
	/* 2 Column (double page) settings */
	.doublepage {
		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;				/* right column width */
		/* left column background colour */
	}
	.doublepage .col1 {

		width:47%;				/* left column content width (column width minus left and right padding) */
		left:52%;				/* right column width plus left column left padding */
	}
	.doublepage .col2 {


		width:50%;				/* right column content width (column width minus left and right padding) */
		left:53%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
#boxmain {

font-size:11px;
margin:0px;
text-align:left;
	}
.box {

	width: 100%;
	font-size:11px;
padding: 0px 20px 20px 0px;

	}
	
	.box ul{
	margin:0px;
	padding:0 20px 0 80px;}
	.box li{
	list-style:url(../images/li.jpg);
	padding:2px 0 2px 0;}


.menu {
	 padding:0px;
	 margin:0px;

}
.menu img{
   border:0px;

}
.menu a:link {
	font-weight: bold;	
	font-size: 11px;
	color: #2d2d2d;
	text-decoration:none;

}.menu a:visited {
 	font-weight: bold;	
	font-size: 11px;
	color: #666666;
	text-decoration:none;


}
.menu a:hover {
 	color: #999999;
}

.menu a:active {
	color: #9698BE;

}

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

}
.menu li {
     padding:7px 0px 5px 0px ; 
	 display:block;
	border-bottom:1px solid #2d2d2d;
color: #7B7B7B;
}

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


}

.azpimenu a:visited {
   font-size: 10px;
color: #7B7B7B;
	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;
}

.small {
	font-size:10px;
}

.big {
	font-size:14px;
}



/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		background:url(../images/footer.jpg);
	
    }
    #footer p {
        padding:20px 0 0 0;
		font-size:10px;
		color:#0099CC;
		text-align:center;
        margin:0;
    }
	/*====================================CLASES POR PÁGINA========================*/
	.box_index {

	width: 100%;
	font-size:11px;
padding: 0px 0px 20px 0px;

	}
	
	.box_index ul{
	margin:0px;
	padding:0px;}
	.box_index ul li{
	display:inline;
	list-style:none;
	padding:0;
	margin:0;}