/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
body
{
    text-align: center;
    font-family: Arial, sans-serif, Helvetica;
    font-size: 15px;
}

body input, select
{
   vertical-align:middle;
}

TD
{
    height:25px;
    padding-bottom:1px;
   
}
   
input
{
    font-size: 15px;
}

input .importe
{
    text-align: right;
}

select
{
    height:25px;
}

label
{
    height:30px;
    vertical-align:middle;
}

span
{
   font-weight:bold;
}


h1, h2, h3, h4, h5, h6 {color:#444444;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
    height:50px;
	width:100%;
    font-size: 1.2em;
	font-weight: normal;
    text-align:center;
    color: #84b8d9;
    vertical-align:central;
}
h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #84b8d9;
}
h5 {

	font-size: 1.0em;
	font-weight: bold;
	background-image:url(Imagen/imgh5.png);
	background-repeat:repeat-x;
}
h6 {
	
	font-size: 0.8em;
	font-weight: bold;
}

p  {margin: 1em 0;}

a {text-decoration:underline;}

a:hover {text-decoration:none;}

#wrapper{
	width:100%;
    min-height:400px;
	height:100%;
	text-align:left;
/*	border-style: none solid solid solid;
    border-width: 1px;
    border-color: #ffffff; */
	background-color:white;
}
#wrapper td
    {
        height: 35px;
        padding-left:15px;
        text-align:left;
        vertical-align:top;
    }

#wrapper td .importe
    {
        height: 25px;
        text-align:right;
        vertical-align:middle;
    }
    
#center
{
    width:100%;
    min-height: 485px;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}

.GridRow
{
    color: #333333;
    background-color: #FFFFFF;
    word-spacing: 5px;
}
    
.GridRow td
{
     padding-left:5px;
}
.GridRowAlt
{
    color: #333333;
    background-color: #F2F2F2;
}
.GridRowAlt td
{
     padding-left:5px;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 100%;
}
#header
{
    width: 100%;
    height: 120px;
    top: 0px;
    padding-left: 20px;
    padding-top: 30px;
    text-align: left;
    background-color: #336699;
    background-position: right center;
    background-image: url('Imagen/mSM.gif');
    background-repeat: no-repeat;
 
}
#header_text
{
      font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #FFFFFF;
    font-weight: bold;
}
 
#loader
{
    background-position: center 250px;
    background-image: url('Imagen/ajax-loader.gif');
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 700px;
    padding-right: 20px;
    padding-left: 20px;
}

#loader-small
{
    background-position: center center;
    background-image: url('Imagen/ajax-loader.gif');
    background-repeat: no-repeat;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 250px;
    padding-right: 20px;
    padding-left: 20px;
}

.mapa
{
    min-height:485px;
    position:relative;
}

#Usuario
{
    font: 0.9em tahoma, arial, helvetica, sans-serif;
    color: #FFFFFF;
    text-align: left;
    width: 100%;
    position:relative;
    margin-top:30px
}

#login
{
    padding-top: 100px;
    width: 100%;
    min-height: 350px;
    height: 100%;
    background-color: #101C2A;
    bottom: 0px;
    border-radius:0px 0px 20px 20px;-moz-border-radius:0px 0px 20px 20px;-webkit-border-radius:0px 0px 20px 20px;
}

#top-login
{
    
    width: 100%;
    height: 30px;
    background-color: #101C2A;
    bottom: 0px;
    border-radius:20px 20px 0px 0px;-moz-border-radius:20px 20px 0px 0px;-webkit-border-radius:20px 20px 0px 0px;
}

#modal
{
    padding-top: 100px;
    width: 1024px;
    min-height: 350px;
    height: 100%;
}

#Menu
{
   
     border-style: solid none solid none;
    border-width: 1px;
    border-color: #ffffff; 
    width: 100%;
    height: 45px;
    top: 0px;
    padding-left: 20px;
    position: relative;
    background-color: #0064AE;
    text-align: left;
}  

#Metro
{
   
    width: 100%;
    position: relative;
    background-color: #336699;
    color: White;
    vertical-align: middle;
    background-image: url('Imagen/mSM.gif');
    background-repeat: no-repeat;
     background-position: right center;
}
 
 #Metro input
 {
     padding-left:5px;
     padding-bottom:20px;
     border:0px;
 }
 
 #Metro img
 {
     padding-left:5px;
     padding-bottom:20px;
     border:0px;
     cursor:hand;
     cursor: pointer;
 }
 
/*begin creating the tabs */
.menu {
	margin-left: 1px;
	font-size: 13px;
	font-weight:normal;
    padding-left:15px;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem {
	/*color: #ffffff;*/
    background-color:#0064AE;
    border-bottom: 1px solid #ffffff;
	padding: 3px;
	width: 140px;
    height:45px;
    font-size: 13px;
    font-weight:normal;
    text-align:left;
 }
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td {
	background-color:#475c67;
}
/* make link aand visited the same look,set the background-color also in case images are not on*/
.menuItem a:link, .menuItem a:visited
{
   	color: #FFFFFF;
	text-decoration: none;
   
}
.menuPopupItem a:link, .menuPopupItem a:visited {
	color: #FFFFFF;
	text-decoration: none;
    
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.menuItem a:hover {
  
}

/* make drop down menu container style */
.menuPopup {

	border: 1px solid #666666; 
	border-bottom: none;
	color: #ffffff;
	width: 140px;
    text-align:left;
}


/* make drop down menu item style */
.menuPopupItem {
	/*color: #ffffff;*/
    background-color:#0083a2;
	border-bottom: 1px solid #666666;
	padding: 3px;
	width: 140px;
    height:45px;
    font-size: 13px;
    font-weight:normal;
    text-align:left;
 }

.menuPopupHover {
    background-color:#101C2A;
	border-bottom: 1px solid #666666;
	padding: 3px;
	width: 140px;
    height:45px;
    font-size: 13px;
    font-weight:normal;
    text-align:left;
 }

.menuItemHover {
    background-color:#0083a2;
	
 }

.button
{
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #336699;
    font-size: 1em;
    vertical-align:central;
    border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;
    height:35px;
}


#footer {
    width:100%;
	clear:both;
	font-size:0.9em;
	position:relative;
	bottom:20px;

}

.titulo
{
        font-family: Arial;
        font-size: 28px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 22px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 20px;
        color: #FFFFFF;
}

.tituloSmall
{
        font-family: Arial;
        font-size: 14px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 22px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 20px;
        color: #FFFFFF;
        background-color: #0083a2;
}

.tituloSmallBlack
{
    font-family: Arial;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 22px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    color: #000000;
    background-color: #FFFFFF;
}

.txtWhite
{
	font:0.9em tahoma, arial, helvetica, sans-serif; color:#ffffff; text-align:left;
}

.txtIconos
{
	font:0.7em tahoma, arial, helvetica, sans-serif; color:#000000; text-align:left;
}

.control
{
	font:0.7em tahoma, arial, helvetica, sans-serif; color:#000000; text-align:left;
}

.txtWhiteCenter
{
	font:0.9em tahoma, arial, helvetica, sans-serif; color:#ffffff; text-align:center;
}

.tituloInterior
{
    padding: 8px 0px 8px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #666699;
    height: 35px;
}

.tituloMedio
{
    padding: 8px 0px 8px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #666699;
    height: 25px;
    background-color: #CFECFB;
}

.destacados {
    background-color:#0083a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
    padding:10px 0 10px 10px;
    margin:0 0 20px 10px;
	text-align: left;
    vertical-align:middle;
    width:95%;
}

#container
{
    padding-top: 20px;
    width: 995px;
    min-height: 120px;
    height: 100%;
    background-color: #475c67;
    bottom: 0px;
    margin: 0 0 20px 10px;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding-bottom: 20px;
}

#container_maps 
{
    padding-top: 20px;
    width: 99%;
    min-width: 995px;
    height: 100%;
    min-height: 990px;
    background-color: #0083a2;
    left: 0;
    margin: 0 0 20px 10px;
    position:absolute;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding-bottom: 20px;
}

#container_multimedial 
{
    width: 100%;
    min-width: 995px;
    height: 100%;
    min-height: 990px;
    background-color: #FFFFFF;
    left: 0;
    position:absolute;
    text-align:left;
}
       
.autocomplete-w1 { background:url(img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; } 

.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; } 

.autocomplete .selected { background:#F0F0F0; } 

.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; } 

.autocomplete strong { font-weight:normal; color:#3399FF; } 

.bordes
{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	background-color: White;
	margin:20px 15px 20px 15px;
	padding: 20px 15px 20px 15px;
}

.bordesSinMargen
{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	background-color: White;
}

.bordesConFondo
{
	background-color: #DDECFE;
	border: 1px solid #83AADA;
}

.dd_chk_drop {
    top: 30px !important;
    z-index:9999;
 
}

.izquierda {
    text-align:right;
    margin-right:50px;
}