@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: center;
	margin:0;
	padding:0;
	background-image:url(../images/icpabkg.jpg);
	background-repeat:repeat-x;
	background-color:#e3e3e3;
}
#wrapper {
	background-color: #E3E3E3;
	background-image: url(../images/icpahome_r1_c1.jpg);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow:hidden;
	width:940px;
	height:100%;
	padding:0;
	text-align:left;
}

a{
color: #14A2DC;
}

#bottom {
background-image:url(../images/icpabottombg.png);
background-repeat:repeat-x;
background-color: #CCCCCC;
overflow:hidden;
width:935px;
margin-left:4px;
padding-top:60px;
clear:both;
}

#boxes {
background-image: url(../images/icpabgboxes.png);
background-repeat:repeat-y;
overflow:hidden;
width:935px;
margin-left:0px;
clear:both;
height:100%;

}

.top1 {
width:290px;
height:32px;
float:left;
background-image:url(../images/icpasup.png);
background-repeat:no-repeat;
margin-left:10px;
margin-right:13px;
}

.boxes1 {
width:290px;
float:left;
margin-left:10px;
margin-right:13px;
text-align:left;
}
#boxes2 {
width:290px;
float:left;
margin-left:10px;
margin-right:0px;
text-align:left;
}

#top2 {
width:290px;
height:32px;
float:left;
background-image:url(../images/icpasup.png);
background-repeat:no-repeat;
margin-left:9px;
margin-right:0px;
}

#tops{
margin-top:0px;

}

#tops{
height:32px;

}

#box1{
width:148px;
height:98px;
background-image:url(../images/icpahome_r1_c1.png);
background-repeat:no-repeat;
z-index:7;
display:block!important;
visibility:visible!important;
}

#box3 {
width:148px;
height:100px;
background-image:url(../images/icpahome_r3_c1.png);
background-repeat:no-repeat;
z-index:7;
display:block!important;
visibility:visible !important;
}

#middle a{
color:#0079A0;
}



#twoboxes {
width:550px;
float:left;
display:block;
text-align:right;
}

#postit{
width:340px;
float:left;
margin-left:10px;
margin-right:30px;

}

#middle {
clear:both;
position:relative;

}


#footer {
clear:both;
margin-left:-1px;
position:relative;
background:#E3E3E3;

}

#imgfoot{

}

#menu {
text-align:left;
width:940px;
height:70px;
margin-left:5px;
position:relative;
z-index:9999;
}

#box2 p {
position:relative;
z-index:1;
}
#box2{
overflow:hidden;
z-index:1;
}

     
      /* nav1 */
       #nav1 {
        height: 4.5em;
     
        border-bottom: 10px solid #28637B;
        padding: 0 1px;
        float: left;
        list-style: none;
        position: relative;
      }
       #nav1 li,  #nav1 li a {
        position: relative;
        float: left;
      }      
       #nav1 li { top: 8px; margin: 0; background: none; padding: 0; }
       #nav1 li a {
        display: block;
        padding: 0.9em 1.5em;
        background: url(../images/tabs1.png) 0 0 no-repeat #FFFFFF;
        color: #FFFFFF;
        text-decoration: none;
        height: 26px;
		font-weight:bold;
		margin-right:9px;
		margin-left:-1px;
      }
	  
	      #contacto a{
		  margin-right:-1px !important;
		    margin-left:5px !important;
      }
       #nav1 li a span {
        display: block;
        position: absolute;
        height: 26px;
        width: 10px;
        background: url(../images/tabs2.png) 0 0 no-repeat #FFFFFF;
        right: 0;
        top: 0;
      }
       #nav1 li a:hover,  #nav1 li a:hover span { background-position: 0 -194px; color: #FFFFFF; }
      #nav1 li a:active,  #nav1 li a:active span { background-position: 0 -388px ; color: #FFFFFF; }
	  
	  /* list1 */
      .list1 {
        list-style: none;
        width: 200px;
        margin: 0px 0 0;   
        float: left;
        position: relative;
      }
      .list1 li {
        position: relative;
        background: none;
        padding: 0;
        margin: 0;
        float: none;
      }
     .list1 li a {
        color: #492b23;
        display: block;
        padding: 0px;
		padding-top:9px;
        text-decoration: none;
        border: 0;
        /* IE is the myspace of browsers! */        
        position: relative;
        height: 1%;
        /* /IE */
      }
     .list1 li a:hover { 
        color: #3f5f5a;
      }
      .list1 li a span {
        position: absolute;
        left: -35px;
        top: 50%;
        margin: -4px 0 0;
        height: 22px;
        width: 28px;
        background: url(../images/arrow.png) 0 0 no-repeat;
        display: none;
      }
      /* 
        In this example there is now IE6 specific Style Sheet but if there was
        this hack would go there. Just for the record I do not reccomend using '* html' hack.
        Done and done.
      */  
      * html .list1 li a span {
        background: url(../images/arrow.gif) 0 0 no-repeat;
      }

	  
	  /* list1 */
      .list2 {
        list-style: none;
        width: 50px;
        margin: 0px 0 0;   
        float: left;
        position: relative;
      }
      .list2 li {
        position: relative;
        background: none;
        padding: 0;
        margin: 0;
        float: none;
      }
      .list2 li a {
        color: #492b23;
        display: block;
        padding: 0px;
		padding-top:32px;
        text-decoration: none;
        border: 0;
        /* IE is the myspace of browsers! */        
        position: relative;
        height: 1%;
        /* /IE */
      }
      .list2 li a:hover { 
        color: #3f5f5a;
      }
      .list2 li a span {
        position: absolute;
        left: -20px;
        top: 50%;
        margin: 5px 0 0;
        height: 22px;
        width: 34px;
        background: url(../images/arrow.png) 0 0 no-repeat;
        display: none;
      }
      /* 
        In this example there is now IE6 specific Style Sheet but if there was
        this hack would go there. Just for the record I do not reccomend using '* html' hack.
        Done and done.
      */  
      * html .list2 li a span {
        background: url(../images/arrow.gif) 0 0 no-repeat;
      }
	  
	  .style1 {
	color: #0099CC;
	font-weight: bold;
}
.style2 {color: #006699}
.style3 {color: #0099CC}


#flash {
margin-left:5px;
}

#nav1 {
margin-bottom:-5px;
}

#logoicpa {

}
#linea{
border-bottom: 14px solid #28637B;
position:absolute;
top:62px;
width:780px;
left:184px;

}

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	
		list-style: none;
		}

	#jsddm li a
	{	
		white-space: nowrap}

	#jsddm li a:hover
	{	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			top:55px;
			display:none;z-index:9999;width:200px;
			background-image:url(../images/fondo_menu.jpg);
			background-repeat: repeat-y;		-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;

		}
		#jsddm li ul li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			top:-8px;
			left:198px !important;width:200px;
			display:none;z-index:9999;width:170px;
		}
		
		#jsddm li ul li
		{	float: none;
			display: block;
			width:170px;
			
			}
		
		#jsddm li ul li ul li
		{	float: none;
			display: block;
			width:200px;
				
			}
			
		#jsddm li ul li a
		{	width: 170px;
			font-size:9px;
			text-transform:uppercase;
			-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;
			background:none;
			
			}
		
		#jsddm li ul li a:hover
		{width: 175px;	
		font-size:9px;
		text-transform:uppercase;
		-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;
		background-color:#0099CC;
		}
		
		#jsddm li ul li ul li a
		{	width: 200px;
	
			font-size:9px;
			-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;
			}
		
		#jsddm li ul li ul li a:hover
		{width: 144px;	
		font-size:9px;
		-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;background-color:#0099CC;
		}
		
		#valores{
		position:absolute;
		top:175px;
		}