html, body {
        background:#7C8DA0 url(images/bg.jpg) repeat-x top; 
        font-family: Tahoma, sans-serif;
        font-size: 11px;
        margin:0 auto;
        padding:0px;
}

img{
        border:0;
}

a, a:hover, a:active, a:focus {
    color:#000000;
}

/*  Estructura de template  */

p{ 
    margin:0 10px 10px
}

div#header{
        height: 130px;
         background:#7C8DA0 url(images/bg_top.jpg) repeat-x top; 
        padding:0px;
        margin:0px;
        border-bottom: 3px solid #43556d;
        margin-bottom:0px;
        
    }

div#header div#agency_name{
        text-align:center;
        width:90%;
        height: 129px;
    }


div#header div#top_menu{
    float:right;
    width:250px;
    height:30px;
    margin-top:80px;
    margin-right:20px;
    }

ul#navi {
    position:absolute;
    margin-left:685px;
    margin-top:-40px;
    float:right;
    width:310px;
    height:30px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    list-style-type: none;
    font-size: 13px;
    padding: 5px 0px 0px 0px;
}
ul#navi li {
	float: left;
	margin: 0;
    width:100px;
    text-align:center;
}

ul#navi li a {
    display: block;    
    text-decoration: none;
    color: #FFFFFF;
    background: #62a886;
    padding: 0px 12px 0px 12px;
    height: 30px;
    line-height: 30px;
    margin-left:5px;
    
}

ul#navi li a:hover, ul#navi li .current_page_item a {
    color: #90CDFF; border-bottom: 2px solid #356AA0;
    display: block;
}


/* Top login */

#site_line1 {
        background: #015198;
        margin:0px;
        padding:0px;
        height:25px;
        color:#FFFFFF;
        font-weight:bold;
        text-align:center;
        font: 11pt tahoma, Verdana, Helvetica, sans-serif;  
}


#site_line1 div#top_city{
    float:left;    
    width:500px;
    text-align:center;
    font-weight: bold;
    font-size: 10pt;
    padding:2px;
    }



#site_line1 #top_login {
    float:right;
    width:450px;
    height:20px;
    line-height: 20px;
    padding:0px;
    text-align:center;
    font-size: 8pt;
    font-weight: bold;
    margin-right:20px;
    }

#site_line1 div#top_login table {
    padding:0px;
    margin:0px;
    }

#site_line1 #top_login input {
    background:#167794;
    border: 1px solid #167794;
    padding: 1px;
    font-size: 8pt;
    color:#ffffff;
    }

/* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:0px 0;
      border-width:0;
      overflow:visible;
      font:8pt Arial,Sans-serif;
      text-decoration:none;
      color:#43556d;
      font-weight: bold;
      }
      
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:2px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#9cf !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }

/* Header */

div#container{ 
    text-align:left;
    background:#FFFFFF;
    border: solid 10px #FFFFFF;	
    
    }

div#content p{ 
    line-height:1.4
    }

div#container{width:1000px;margin:0px auto}

div#wrapper{
    float:left;
    width:100%;
    }

div#content{ 
    margin: 0px 160px;
    
    }

div#navigation{
    float:left;
    width:120px;
    margin-left:-120px !important;
    margin-left:-160px;
    }

div#extra{ 
    float:left;
    width:150px;
    margin-left:-995px !important;
    margin-left:-1040px;
    background: #fff url('images/a1.gif') top right repeat-y;
    }

#extra div#left_menu {
	margin: 30px 0px 0px  0px;
	padding: 0;
	list-style: none;
    width: 150px;
    min-height:230px;
}


#extra div#left_menu ul {
	margin: 15px 0px 0px  0px;
	padding: 0;
	list-style: none;
	display: inline;
	
}

#extra div#left_menu li {
	display: inline;
	padding:0px;
	border-bottom: solid 2px #ed591f;	
    
}

#extra div#left_menu a {
	float: left;
	width: 150px;
	height: 30px;
	margin: 0;
    margin-left:0px;
	padding:0px;
	text-decoration: none;
    text-indent: 13px;
	text-align: left;
	letter-spacing: -1px;
	font-size: 10pt;
	color: #43556d;
	line-height:30px;
    background: url(images/img08.gif) no-repeat 0 13px;
    border-bottom: 1px #B5B5B5 dashed;
}

#extra div#left_menu a:hover, #menu .current_page_item a {
    	color: #167794;
}

#extra div.left_module {
    margin: 30px 4px 10px 0px;
}


#loginForm table {
    width:100%;
    margin:0 auto;
    padding:5px;
}

#loginForm{
    text-align:center;
}

#site_body div#main_content{
                padding:10px;
                margin: 10px 220px 10px 10px;
                min-height: 500px;
                height: auto !important;
                height: 500px;
}

#clear {
        clear: both;
}


#footer{
    background: #884a00 url(images/bg_top.jpg) repeat-x;
    clear:left;
    border-top: 3px solid #43556d;
    background-color:#42556C;
    margin-top:10px; 
    text-align:center;
    color:#0000a6;
    height:95px;
    }
    

ul.vmenu-ul{
        list-style-type: none;
        margin: 5px 5px 0px 5px;
        padding-left: 0px;
        padding-bottom: 8px;
        padding-top: 10px;
        font-size: 12px;
        color:#0000a6;
        font: 10pt tahoma, Verdana, Helvetica, sans-serif;  
        border-top:10px solid #0000a6;
}

ul.vmenu-ul li {
        background: url(images/menu.jpg) no-repeat left center;
        text-indent: 15px;
        height: 20px;
        line-height: 20px;
        vertical-align: bottom;
        
}


ul.vmenu-ul li a {
        text-decoration: none;
        height: 20px;
        line-height: 20px;
        vertical-align: bottom;
        color:#000000;
}

#site_login a {
        text-decoration: none;
        height: 20px;
        line-height: 20px;
        vertical-align: bottom;
        color:#000000;
        font-weight:bold;
}


ul.vmenu-ul li a:hover, ul.vmenu-ul li a:active, ul.vmenu-ul li a:focus {
    border-bottom: 1px solid #186495;
    color:#162d91;
}


h1{
        color:#000000;
        font-family:tahoma, Arial;
        font-size:14px;
}

#site_login input {  
        border:1px solid #818181;
        color:#818181;
        font-family:Arial;
        font-size:11px;
        font-size-adjust:none;
        font-stretch:normal;
        font-style:normal;
        font-variant:normal;
        font-weight:normal;
        height:16px;
        line-height:normal;
        margin:0px 0px 5px;
        padding:0px 0px 0px 3px;
        vertical-align:middle;
        width:122px;
}


div.form-sec-head {
    height: 26px;
    line-height: 25px;
    border: none;
    padding: 0px;
    background: url(images/paneltopbar-0-1.png) repeat-x;
    vertical-align: middle;
    font-size: 14px;
    margin: 0px;
}

div.form-sec-head div.btn {
    float: right;
    margin: 0px 3px 0px 0px;
    padding: 0px;
    vertical-align: middle;
}

div.form-sec-head div.caption {
    float: left;
}

div.form-sec-head div.lft {
    background: url(images/paneltopbar-0-0.png) no-repeat;
    height: 26px;
    width: 9px;
    float: left;
}

div .qmlogin {
	width: 200px;
	height: 150px;
	padding: 0;
    border: 1px solid #cccccc !important;
}

div.qmlogin input {
		background: url(images/even.jpg);
		font-size: 10px;
	
	}

div .qmlogin table {
	margin-top:10px;
	font: 11pt Arial, Verdana, Helvetica, sans-serif;
	padding:5px;
	vertical-align:center !important;
	}

div.form-sec-head div.rgt {
    background: url(images/paneltopbar-0-2.png) no-repeat;
    height: 26px;
    width: 10px;
    float: right;
}

div.form-sec-body {
    border: 1px solid #e0e0e0;
    margin: 0px;
    background: #ffffff;
}

input.textbox {
    border: 1px solid #000000;
}

div.htitlebar {
    background: url(images/htitlebar-0-1.png) repeat-x;
    height: 24px;
    line-height: 23px;
    vertical-align: middle;
    font-size: 14px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: bold;
}

div.htitlebar div.lft {
    background: url(images/htitlebar-0-0.png) no-repeat;
    height: 24px;
    width: 14px;
    float: left;
}

div.htitlebar div.rgt {
    background: url(images/htitlebar-0-2.png) right top no-repeat;
    height: 24px;
    float: right;
    font-size: 9px;
    padding-right: 5px;
}

div.toolbar {
    background: url(images/toolbar-0-1.jpg) repeat-x;
    height: 24px;
    line-height: 23px;
    vertical-align: middle;
    font-size: 14px;
    font-family: Helvetica, Arial, Sans-Serif;
}

div.toolbar div.lft {
    background: url(images/toolbar-0-0.jpg) no-repeat;
    height: 24px;
    width: 14px;
    float: left;
}

div.toolbar div.rgt {
    background: url(images/toolbar-0-2.jpg) no-repeat;
    height: 24px;
    width: 12px;
    float: right;
}

div.qmerror {
    border: 1px solid #ff0000;
    background: #ffe0e7 url(images/551.gif) no-repeat 5px 5px;
    padding: 5px 5px 5px 50px;
    
}

table.data-grid {
    border-collapse: collapse;
}

table.data-grid thead tr td {
    background: url(images/dgth-0-1.png) repeat-x;
    height: 26px;
    font-size: 12px;
    padding: 0px;
}

table.data-grid thead tr td div,
table.data-grid thead tr td.rgth div {
    background: url(images/dgth-0-2.png) right top no-repeat;
    padding-left: 5px;
    padding-right: 5px;
    height: 26px;
    line-height: 26px;
	vertical-align: middle;
    font-weight: bold;
    overflow: hidden;
}

table.data-grid thead tr td div a {
    text-decoration: none;
}

table.data-grid thead tr td.rgth div {
    background: url(images/dgth-0-3.png) right top no-repeat !important;
}

table.data-grid thead tr td.lfth div {
    background: url(images/dgth-0-0.png) 0px 0px no-repeat !important;
    height: 26px;
	width: 5px;
}

table.data-grid tbody tr td.lfth {
    empty-cells: show;
    background: url(images/lfth.jpg) repeat-y;
	width: 5px;
    border:0;
}

table.data-grid tbody tr td {
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    padding: 3px;
    font-size: 12px;
}

table.data-grid tbody tr.odd {
    background: #fefefe;
}

table.data-grid tbody tr.even {
    background: url(images/even.jpg);
    
}

div.data-grid {
    border: none;
}

div.fdtree1 {
    border: none;
    padding: 0px;
    font-size: 13px;
}

div.fdtree1 a:link,
div.fdtree1 a:visited {
    text-decoration: none;
}

div.fdtree1 div.fdtree1-path {
    padding: 3px 5px 5px 5px;
    border: 1px solid #999999;
    background: #FFFFFF;
}

div.fdtree1-path-add {
    border:0px solid #c0c0c0; 
    padding:0px;
    margin:0px;
    background: #eeeeee;
    text-align:right;
}


div.fdtree1-path-add input {
    border: 1px solid #000000; 
    background: #fbf5f1;
    font-size: 10px;
    margin-right:5px;
}


div.fdtree1 div.fdtree1-path div {
    padding-left: 15px;
}

div.fdtree1 div.fdtree1-path div div {
     background: url(images/fdtree-node.gif) 0px 1px no-repeat;
     display: block;
     cursor:pointer !important;
     cursor:hand;   
}

div.fdtree1 div.fdtree1-content {
    padding: 5px;
    background: #eeeeee;
    border-left: 1px solid #999999;
    overflow: scroll;
}

div.fdtree1 div.fdtree1-content div {
    cursor:pointer !important;
    cursor:hand;
}

div.fdtree1 div.fdtree1-content a:link,
div.fdtree1 div.fdtree1-content a:visited {
    display: block;
    margin-left: 13px;
    padding: 2px 2px 1px 5px;
}

div.fdtree1 div.fdtree1-content a:hover {
    background: #ffffff;
    border: 1px dashed #c0c0c0;
    padding: 1px 1px 0px 4px;
}

div.fdtree1 div.fdtree1-content-title {
    color: #ff0000;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Right modules */
div.rightmodules {
	width: 160px;
	padding: 0px;
}

div.rightmodules div.module {
	background: url(images/rgtmod-0-1.jpg) right top no-repeat;
	padding: 0px;
}

div.rightmodules div.module div {
	background: url(images/rgtmod-0-0.jpg) left top no-repeat;
	padding: 10px 0px 0px 0px;
}

div.rightmodules div.module div div {
	background: url(images/rgtmod-0-1.jpg) right bottom no-repeat;
	padding: 0px;
}

div.rightmodules div.module div div div {
	background: url(images/rgtmod-0-0.jpg) left bottom no-repeat;
	padding: 0px 15px 15px 15px;
}

div.rightmodules div.module div div div div {
	background: transparent;
	padding: 0px;
}

div.rightmodules div.module div div div h3 {
	margin: 0px;
}

div.whitebox {
}

div.whitebox table tr td.c00 div {
    background: url(images/whitebox-0-0.jpg) no-repeat;
    height: 19px;
    width: 18px;
}

div.whitebox table tr td.c01 {
    background: url(images/whitebox-0-1.jpg) repeat-x;
    height: 19px;
    empty-cells: show;
}

div.whitebox table tr td.c02 div {
    background: url(images/whitebox-0-2.jpg) no-repeat;
    height: 19px;
    width: 19px;
}

div.whitebox table tr td.c10 {
    background: url(images/whitebox-1-0.jpg) repeat-y;
    width: 18px;
    empty-cells: show;
}

div.whitebox table tr td.c11 {
    background: #ffffff;
    empty-cells: show;
}

div.whitebox table tr td.c12 {
    background: url(images/whitebox-1-2.jpg) repeat-y;
    width: 19px;    
    empty-cells: show;
}

div.whitebox table tr td.c20 div {
    background: url(images/whitebox-2-0.jpg) no-repeat;
    height: 20px;
    width: 18px;
}

div.whitebox table tr td.c21 {
    background: url(images/whitebox-2-1.jpg) repeat-x;
    height: 20px;
    empty-cells: show;
}

div.whitebox table tr td.c22 div {
    background: url(images/whitebox-2-2.jpg) no-repeat;
    height: 20px;
    width: 19px;
}

table.qm-page-bar {
}

table.qm-page-bar a.first {
    background: url('images/page-first.gif') no-repeat;
    display: block;
    height: 16px;
    width: 20px;
}

table.qm-page-bar a.prev {
    background: url('images/page-prev.gif') no-repeat;
    display: block;
    height: 16px;
    width: 20px;
}

table.qm-page-bar a.next {
    background: url('images/page-next.gif') no-repeat;
    display: block;
    height: 16px;
    width: 20px;
}

table.qm-page-bar a.last {
    background: url('images/page-last.gif') no-repeat;
    display: block;
    height: 16px;
    width: 20px;
}

table.qm-page-bar a.page {
    text-decoration: none;
}

table.qm-page-bar a.page:hover {
    text-decoration: underline;
}

table.qm-page-bar span.cur-page {
    font-weight: bold;
    text-decoration: underline;
}

.qmform {
    font-size: 13px;
}

.qmform input,
.qmform textarea,
.qmform select {
    border: 1px solid #000000;
     background: url(images/even.jpg);
}

.qmform input.checkbox {
    border: none !important;
    background: transparent !important;
}

.qmform td {
    vertical-align: top;
}

div.qmform-gallery {
    padding: 5px;
    border: 1px solid #999999;
    background: #ffffff;
}

div.qmform-gallery div {
    border: 1px solid #000000;
    padding: 0px;
}

div.qmform-gallery img {
    margin: 0px;
    display: block;
}

div.qmform-gallery div div {
    border: none;
    border-top: 1px solid #000000 !important;
    background: #dddddd;
    color: #000000;
    font-size: 9px;
    font-family: Helvetica, Arial, Sans serif;
    margin: 0px;
    padding: 1px;
}

div.qmform-gallery .mleft,
div.qmform-gallery .mright,
div.qmform-gallery .trash {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    border: 0px;
    background: #ffffff;
}

div.qmform-gallery .mleft {
    background: url(images/mleft.gif) no-repeat;
}

div.qmform-gallery .mright {
    background: url(images/mright.gif) no-repeat;
}

div.qmform-gallery .trash {
    background: url(images/edit_trash.gif) no-repeat;
}

div.qmform div.sep {
    margin-top: 15px;
    border-bottom: 2px solid #000000;
    font-size: 16px;
    font-weight: bold;
}

div.qmform div.readonly {
    border: 1px solid #c0c0c0;
    background: #fefefe;
    padding: 1px;
}

input.toolbar-button {
    border: 1px solid #f49a0b;
    color: #e1e1e1;
    background: #eeeeee;
    padding: 2px;
    margin-left: 3px;
    font-size: 11px;
}

input.toolbar-button:hover {
    border: 1px solid #c0c0c0;
    color: #000000;
    background: #f49a0b;
}

a img {
    border: none;
}

.view_description {
   text-align:justify;
   padding:5px;
   width:70%;
   font: 10pt arial, Verdana, Helvetica, sans-serif;  
   font-weight: bold;
}

.view_type {
    text-align:right;
    color:#ff0000;
    font: 10pt arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    vertical-align:top;
    padding:5px;   
}


#control_step {
    float:left;
    width:100%;
    text-align:center;
    }

#control_step a{
    color:#ff0000;
    cursor:pointer !important;
    cursor:hand;
    }

/* flowslide vertical */

#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
        float:left;	/* Floating */

        /* CSS HACK */
        height: 344px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
        height :/**/338px;	/* Other browsers */
        height: /**/338px;

        /* CSS HACK */
        width: 114px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
        width/* */:/**/110px;	/* Other browsers */
        width: /**/110px;

        border:1px solid #000;	/* Black border */		
        padding:1px;	/* A little space between the black border and the content inside */

}


#galleryContainer #arrow_down{	/* Arrow down image */
        height:35px;
}

#galleryContainer #arrow_up{
        height:36px;	/* Arrow up image */
}

#theImages{	/* DIV where the images are located */
        position:relative;
        overflow:hidden;
        height:254px;	/* Height of boxes for the images */
}
#theImages div{	
        position:relative;	/* Don't change this */
        height:1500px;	/* Higher than total height of thumbnails */

}

#theImages img{
        border:0px;	/* No border */
        filter: alpha(opacity=50);	
        opacity:0.5; /* Transparency - Firefox */
        padding-top:1px;	/* Space between images */
}

#theImages .imageCaption{
	display:none;
}

#waitMessage{
        display:none;
        position:absolute;
        left:200px;
        top:150px;
        background-color:#FFF;
        border:3px double #000;
        padding:4px;
        color:#555;
        font-size:0.9em;
        font-family:arial;	
}

/* ------- ------- -------   */
/* tab content*/

   
    #step_content .dhtmlgoodies_tabPane{
		height:21px;	/* Height of tabs */
		border-bottom:1px solid #919b9c;
	}
	
    #step_content .dhtmlgoodies_aTab{
		border-left:1px solid #919b9c;
		border-right:1px solid #919b9c;
		border-bottom:1px solid #919b9c;
		padding:5px;		
	}
	
    #step_content .dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		margin-left:0px;
		margin-right:0px;
		cursor:pointer;
		position:relative;
		bottom:-1px;
	}
	#step_content .dhtmlgoodies_tabPane .tabActive{
		background-image:url('images/tab_left_active.gif');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
	}
	#step_content .dhtmlgoodies_tabPane .tabInactive{
		background-image:url('images/tab_left_inactive.gif');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
	}

	#step_content .dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('images/tab_left_over.gif');
		margin-left:0px;
		margin-right:0px;
	}
	#step_content .dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	#step_content .dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
	
	#step_content .dhtmlgoodies_tabPane img{
		float:left;
	}

/* tab content*/





div#step{
    padding:3px;   
    font: 11pt arial, Verdana, Helvetica, sans-serif;
    text-align:justify;
    }

div#step b{
    color:#ff0000;
    font-weight: bold;
    }


div#top{
    text-align:center;
    } 

/* --------------------------------------------------------------------------------------------------------------------- */
/* Show Image                                                                                                        */
/* --------------------------------------------------------------------------------------------------------------------- */


div.image_content {
    background: #000000;
    display: none;
    position: absolute;
    padding: 5px;
}

         
div.overlay{ 
    display: none;
    background-image: url(images/overlay.png);
    position: absolute;
    background-color: #333;
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

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

.extra_features{
    display: block; 
    padding: 10px; 
    float: left; 
    white-space: nowrap;
    }

.extra_features1{
    display: none; 
    padding: 10px; 
    float: left; 
    white-space: nowrap;
    }


div.qmform-gallery-upload {
    background: #6d7ea6;
    border: 2px outset #6d7ea6;
    display: none;
    position: absolute;
    padding: 5px;
}

div.qmform-gallery-upload div {
    border: 1px solid #000000;
    background: #ffffff;
    padding: 5px;
    font-size: 12px;
}

table.search-row-data {
    border-collapse: collapse;
}

table.search-row-data thead td {
    background: url(images/even.jpg);
    border: 1px solid #000000;
    font-size: 12px;
    padding: 2px;
    text-align: center;
}

table.search-row-data tbody td {
    border: 1px solid #c0c0c0;
    font-size: 12px;
    padding: 2px;
    text-align: center;
}

div.view-location-box {
    background: #e1e1e1;
    border: 1px dashed #e1e1e1;
    padding: 5px;
    text-align:center;
}

div.view-main-fields {
    text-align:left;
}

div.view-description-box {
    background: #ffffff;
    border: 1px solid #c0c0c0;
    padding: 5px;
}

a.view-feature-link {
    display: block;
    margin: 0px 0px 6px 0px;
    background: #efefef;
    width: 150px;
    padding: 3px 3px 3px 5px;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #ffffff;
}

a.view-feature-link-selected {
    display: block;
    margin: 0px 0px 6px 0px;
    background: #e1e1e1;
    width: 150px;
    padding: 3px 3px 3px 5px;
    color: #000000;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #e1e1e1;
    text-transform:capitalize;
}

div.view-features-div {
    height: 400px;
    background: #e1e1e1;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

div.view-features-div td {
    vertical-align: top;
}
span.view-title1 {
    font-size: 16px;
    font-weight: bold;
    display: block;
}

div.view-contact-box {
    padding: 5px;
    width: 300px;
    text-align: left;
}

div.view-contact-message {
    color: #ff0000;
    text-align: left;
}


div.carmbox {
}

div.carmbox table tr td.c00 div {
    background: url(images/carmbox-0-0.jpg) no-repeat;
    height: 19px;
    width: 18px;
}

div.carmbox table tr td.c01 {
    background: url(images/carmbox-0-1.jpg) repeat-x;
    height: 19px;
    empty-cells: show;
}

div.carmbox table tr td.c02 div {
    background: url(images/carmbox-0-2.jpg) no-repeat;
    height: 19px;
    width: 19px;
}

div.carmbox table tr td.c10 {
    background: url(images/carmbox-1-0.jpg) repeat-y;
    width: 18px;
    empty-cells: show;
}

div.carmbox table tr td.c11 {
    background: url(images/carmbox-1-1.jpg);
    empty-cells: show;
}

div.carmbox table tr td.c12 {
    background: url(images/carmbox-1-2.jpg) repeat-y;
    width: 19px;    
    empty-cells: show;
}

div.carmbox table tr td.c20 div {
    background: url(images/carmbox-2-0.jpg) no-repeat;
    height: 20px;
    width: 18px;
}

div.carmbox table tr td.c21 {
    background: url(images/carmbox-2-1.jpg) repeat-x;
    height: 20px;
    empty-cells: show;
}

div.carmbox table tr td.c22 div {
    background: url(images/carmbox-2-2.jpg) no-repeat;
    height: 20px;
    width: 19px;
}

div.front-list-header {
}

div.front-list-header * {
    font-size: 12px;
}


.cont_img {
    width:150px; 
    border: 1px solid #cccccc; 
    height:475px; 
    position:absolute;
    overflow:auto; 
    padding:10; 
    float: left; 
    background: #f7f9fb;
    }

.search_title {
    font-family: Helvetica, Arial, Sans serif;
    font-size: 14px;
    }


	/* panel de control */

#cpanel {  
    text-align: center;  
    vertical-align: middle; 
    width: 448px !important;
    width: 450px; 
    height: 498px !important; 
    height: 500px; 
    padding:5px; 
}

#cpanel div.icon   { margin: 3px; }
#cpanel div.icon a { 
	display: block; float: left;
	height: 127px !important;
	height: 130px; 
	width: 127px !important;
	width: 130px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#cpanel div.text   { 
        margin: 3px; 
	display: block; 
        float: left;
	height: 127px !important;
	height: 130px; 
	width: 282px !important;
	width: 291px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 2px 5px 1px 5px;
}

#cpanel div.icon a:link    {  color : #000033;  }
#cpanel div.icon a:hover   { 
	color : #333; 
	border: 1px dotted #A5C45B;
	padding: 3px 4px 0px 6px; 
}
#cpanel div.icon a:active  {  color : #000033;  }
#cpanel div.icon a:visited {  color : #000033;  }

#cpanel div.icon img { margin-top: 13px; }
#cpanel div.icon span { display: block; padding-top: 3px;  font-size: 12px;}




/* ------ all templates ----- */

/* ------- ------- -------   */
/* tab content*/

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

#previewPaneh{
            border:1px solid #CCCCCC;
            margin-bottom:10px;	
            text-align:center;
            vertical-align:middle;
            padding-top:10px;

            position:relative;

            /* CSS HACK */
            height: 432px;	/* IE 5.x */
            height/* */:/**/420px;	/* Other browsers */
            height: /**/420px;

    }

#previewPaneh img{
        line-height:400px;
}

#previewPaneh #largeImageCaptionh{	/* CSS styling of image caption below large image */
        font-style:italic;
        text-align:center;
        font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
        font-size:0.9em;
}


#galleryContainerh{

        height:102px;	/* Height of the images + 2 */
        border:1px solid #CCCCCC;
        position:relative;
        overflow:hidden;
        padding:1px;

        /* CSS HACK */
        height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
        height/* */:/**/102px;	/* Other browsers */
        height: /**/102px;

}

#arrow_lefth{
        position:absolute;
        left:0px;
        z-index:10;
        background-color: #FFF;
        padding:1px;
}

#arrow_righth{
        position:absolute;
        right:0px;
        z-index:10;
        background-color: #FFF;
        padding:1px;		
}

#theImagesh{
        position:absolute;
        height:100px;
        left:40px;
        width:100000px;

}

#theImagesh #slideEnd{
        float:left;
}

#theImagesh img{
        float:left;
        padding:1px;
        filter: alpha(opacity=50);
        opacity: 0.5;
        cursor:pointer;
        border:0px;
}

#waitMessageh{
        display:none;
        position:absolute;
        left:200px;
        top:150px;
        background-color:#FFF;
        border:3px double #000;
        padding:4px;
        color:#555;
        font-size:0.9em;
        font-family:arial;	
}

#theImagesh .imageCaption{
        display:none;
}

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

/*FuentesAutorrelleno –> http://script.aculo.us
                Esquinas redondeadas –> http://usalo.es (http://usalo.es/53/limar-las-esquinas-con-css/)
            */

div.autofill {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}
div.autofill ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div.autofill ul li.selected { background-color: #ffb;}
div.autofill ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    height:18px;
    cursor:pointer;
}

/* help  */

#msg_help
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}

#title_help
{
	background-color:#000000; 
	color:#FFFFFF; 
	padding:1px;
        border-bottom: 2px solid #e15616;
}



#txt_help
{
	vertical-align:middle;
	padding:2px;
        border: 1px solid #e15616;
        background-color:#FFFFFF; 
        text-align:justify;
}

.inputErr
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

.inputOK
{
	border:1px solid #047624;
	background-color:#cdefd7;
	color:#047624;
}

#clear {
        display:block;
        clear:both; 
        height:1px;
}

/* ------- */

#content-box-search {
   
   width:700px;   
   height:220px;
   margin: 0 auto;
}

#box-search {
   width:501px;   
   height:210px;	
   background:#d9d9d9;
   margin: 0 auto;
   float:left;
}

#box-search div {
   float:left;
   padding-left:10px;
   color:#000000;
}

#box-search div select{
    width:140px;
    font-family: Georgia; 
    background:#f7f7f7;
    margin-left:10px;
    border: #8f8c8c 1px dashed;
}

#box-search div#title-search{
   width:100%;
   height: 25px;
   line-height:25px;
   margin:0 auto;
   font-family:Georgia;
   font-size:14px;
   background:#43556d;
   color:#FFFFFF;
   font-weight: bold;
   text-align:left;
   text-indent: 8px;
}

#box-right {
   width:300px;
   height:250px;
   background:#f7f7f7;
   float:left;
   margin-left:15px;
}

#box-services {
   background: #d9d9d9 url('images/image_search.jpg') no-repeat;
   float:left;
   font-family: Georgia; 
   width:199px !important;
   width:189px;
   height:210px;
}

#re_thumbnail{
    float:left;
    width:230px; 
    height:250px;
    margin-left:5px;
    background:#e8e8e8;
	padding-top:20px;
    }

#re_thumbnail div{
	width:200px; 
    margin:0px auto;
    }