/* CSS Document */

body {
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	margin:0px;
	padding:0pt;
	background-color: #242E4D;
}

#maincontainer {
	width: 960px;
	margin: 0pt auto;
	border-right-color: #000033;
	border-left-color: #000033;
}

#masthead {
}
#masthead #headtop {
	width: 100%;
	height: 13px;
	background-image: url(../images/duilaw_02.jpg);
	/*franja encima de la foto: background-image: url(../images/duilaw_01.jpg);*/
	background-repeat: no-repeat;
}
#headtop .innertube {
	font-size: large;
	color: #000033;
	padding-top: 20px;
	font-weight: bolder;
	font-variant: small-caps;
	letter-spacing: 1px;
	word-spacing: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#masthead #lefttop {
	background-image: url(../images/duilawdefense_03.jpg);
	background-repeat: no-repeat;
	height: 285px;
	width: 619px;
}
#masthead .content {
	font-size:14px;
	letter-spacing:0.4em;
	text-align: center;
	height: 253px;
	line-height: 15pt;
	background-image: url(../images/topheader_01.jpg);
}
#masthead #righttop {
	background-image: url(../images/duilawdefense_04.jpg);
	background-repeat: no-repeat;
	height: 285px;
	width: 341px;
	float: right;
}
#navigation {
	width: 960px;
	height: 43px;
	background-color: #FDFDFD;
}
#navigation td{
	text-align:center;
	line-height: 20px;
}
#navigation a:link, a:visited, a:active {
	font-size:14px;
	text-decoration:none;
	font-weight: bold;
	color: #000066;
	font-variant: small-caps;
}
#navigation a:hover {
	font-size:14px;
	text-decoration:none;
	font-weight: bold;
	color: #00447C;
	font-variant: small-caps;
}
#wrapper {
	width:100%;
	background-image: url(../images/duilaw_12.jpg);
	background-repeat: repeat-y;
}

#column_wrapper {
}

#column_top {
height: 0;
}
#column_bottom {
background-repeat:no-repeat;
height:12px;
}


.clearfloat {
clear:both;
display:block;
font-size:0pt;
height:0pt;
line-height:0pt;
}
#right {
	float:right;
	width:692px;
	background-image: url(../images/welcome.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#right #rightpanel {
	float: right;
	width: 346px;
}
#right #leftpanel {
	float: left;
	width: 346px;
}
#right #rightpanel .content {
	padding-right: 15px;
	padding-left: 20px;
	padding-top: 20px;
}
#right #leftpanel .content {
	padding-right: 20px;
	padding-top: 20px;
}
#right .content {
	line-height:1.6em;
	padding-right: 20px;
	padding-left: 13px;
	padding-bottom: 10px;
}
#right .content strong {
	color: #333333;
	letter-spacing: 1px;
}
#right .content p {
	margin-top: 10px;
}
#left {
	/*float:left;*/
	width:268px;
	background-image: url(../images/last_releases.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#left .content {
	font-size:0.9em;
	line-height:1.5em;
	padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 20px;
	height: 375px;
	color: #FFFFFF;
	padding-top: 50px;
}
#left .content h4 {
	color: #B5D5FF;
}


#footer .content {
	text-align: center;
	padding-top: 15px;
	padding-right: 0pt;
	padding-bottom: 5px;
	padding-left: 0pt;
	height: 62px;
	color: #333333;
	font-size: 12px;
}
#footer {
	clear:both;
	font-size:0.em;
	margin:0pt;
	background-image: url(../images/bottombar.jpg);
	background-repeat: no-repeat;
	font-size: 0.9em;
}
.menulist {
list-style-type:none;
margin:6px 0pt 12px;
padding:0pt;
}
#left a:link {
	color:#0066FF;
	font-weight: normal;
	font-variant: normal;
}
#left a:visited {
	color:#333333;
	font-weight: normal;
	font-variant: normal;
}
#left a:hover {
	color:#000000;
	font-weight: normal;
	font-variant: normal;
}
#right a:link {
	color:#333333;
	font-weight: normal;
	font-variant: normal;
	text-decoration:underline;
}
#right a:visited {
	color:#003366;
	font-weight: normal;
	font-variant: normal;
	text-decoration:underline;
	font-size:100%;
}
#right a:hover {
	color:#FFF;
	text-decoration: none;
	background-color: #6C7B9E;
	font-weight: normal;
	font-variant: normal;
}
#right a:link span {
	text-decoration:underline;
	font-weight: normal;
	font-variant: normal;
	text-decoration:underline;
}
#right a:visited span {
	text-decoration:underline;
	font-weight: normal;
	font-variant: normal;
	text-decoration:underline;
}
#right a:hover span{
	color:#2c2c2c;
	text-decoration: none;
	background-color: #C9D9E9;
	font-weight: normal;
	font-variant: normal;
}
#wrapper .menulist a, #wrapper .menulist a:visited {
border-left:6px solid #C7EE51;
color:#000000;
padding:0pt 0pt 0pt 6px;
}
#wrapper .menulist a:hover {
border-color:#000000;
}
#footer a:link {
	color:#333333;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
}
#footer a:visited {
color:#666666;
font-size:12px;
font-weight:normal;
font-variant:normal;
text-decoration:underline;
}
#footer a:hover {
	color:#000000;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
}
#footer .content #disclaimer {
	color: #999999;
	text-align:justify;
	font-size:1em;
	padding:10px;
	/*margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;*/
}

h1 {
	font-size:1.2em;
	margin:0pt;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 5px;
}
h2 {
	font-size:1.1em;
	margin:0pt;
	color: #333366;
	font-weight: bolder;
	letter-spacing: 1px;
	padding-top: 10px;
}
h3 {
	font-size:1em;
	margin:5px 0pt 0pt;
	font-weight: bolder;
	text-transform: uppercase;
	color: #336699;
	letter-spacing: 0.5em;
}
h4 {
	font-size:1em;
	color: #006699;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-top: 10px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
}
.nomargintop {
margin-top:0pt;
}
.content p {
margin:2px 0pt;
}


.content #sideways_show {
	text-align: center;
}

#separator {
	background-image: url(../images/index_37.gif);
	background-repeat: repeat-x;
}








/*- Menu Tabs K--------------------------- */ 	

    #tabsK {
     float:left;
      width:100%;
      font-size:15px;
      line-height:normal;
      }
    #tabsK ul {
	margin:0;
	padding:8px 0 0 250px;
	list-style:none;
      }
    #tabsK li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsK a {
      float:left;
      background:url("../images/tableftK.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsK a span {
      float:left;
      display:block;
      background:url("../images/tabrightK.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#242424;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsK a span {float:none;}
    /* End IE5-Mac hack */
    #tabsK a:hover span {
      color:#FFF;
	  background-position:100% -42px;
      }
    #tabsK a:hover {
      background-position:0% -42px;
      }
    #tabsK a:hover span {
      background-position:100% -42px;
	  }



a.tinylink {
	color: #6E7DB4;
	text-decoration: underline;
	font-size: 0.9em;
	font-weight: normal;
	font-variant: normal;
}
a:hover.tinylink {
	color: #666;
	text-decoration: none;
	font-size: 0.9em;
}

#left .content li {
	color: #006699;
}
#left .content ul {
}
/*********** #sectionLinks styles ***********/

#sectionLinks{
	padding: 0px;
	font-size: 90%;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#sectionLinks h3{
	padding: 10px 0px 0px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #cccccc;
	color: #006699;
	text-decoration: none;
	height: 25px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-weight: normal;
	font-variant: normal;
}

#sectionLinks a:hover{
	background-color: #ADE1FF;
	color: #003366;
	font-weight: normal;
	font-variant: normal;
}
/* */

.featured {
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
.featured:hover{
	background: #B4CAE7;
	color: #333333;
}
.bniuser {
	font-weight: bold;
	padding-left: 30px;
	background-image: url(../images/user_suit.png);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	font-size: 1.1em;
}
.bniuserinfo {
	background-image: url(../images/userinfo.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 30px;
}



.content_contact_left  {
	color: #003366;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


fieldset		{
	border:1px solid #B4B4B4;
!important;		background-color: #D5E2FF;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
/*fieldset.active		{border:2px solid #999}*/

label {
/*background-image:url(../images/label_bg.gif);
background-repeat:no-repeat;*/
color:#333333;
display:block;
float:left;
height:17px;
letter-spacing:2px;
margin-right:2px;
padding-top: 5px;
	font: bold 80%/0.9em Arial,Helvetica,sans-serif;
	padding-left: 15px;
}

#contact_form {
	padding-left: 20px;
}
.required {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.5em;
	font-weight: bold;
	color: #78C2C8;
}
.textbox {
	background-color:#FFFFFF;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-left: 10px;
	width: 250px;
}
/*.textbox:focus,*/ .textbox:hover, /*.textarea:focus,*/ .textarea:hover {
background-color:#85C2E0;
/*color:#FFFFFF;*/
}
.textarea {
	background-color:#EEF7FB;
	color:#666;
	font-family:Arial;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-left: 10px;
	width: 250px;
	height: 100px;
}

.buttons {
	background:#EEF7FB none repeat scroll 0%;
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:6px 14px;
	text-decoration:none;
	text-transform:uppercase;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #8f8f8f;
	border-bottom-color: #8F8F8F;
	border-left-color: rgb(255, 255, 255);
}




.info_messages		{
	margin:10px 0pt;
	padding:7px 15px 7px 30px;
	color: #333333;
	background-attachment: scroll;
	background-color: #D5DDFF;
	background-image: url(../images/information.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6699FF;
	border-bottom-color: #6699FF;
}
#right .content li {
	list-style-position: outside;
	list-style-type: square;
}



/*ajax tabs */
#wrapper_tabs{
width: 500px;
margin: 0 auto;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 5px;
background: #8DC70A;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #8DC70A url(images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}
#badge {
	background-image: url(../images/badge.png);
	background-repeat: no-repeat;
}

#cities ul li {
	width:200px;
	float:left;
}