/* demo page styles */
/* body {
    background:#eee;
    margin:0;
    padding:0;
}*/
.example {
    /*background:#fff url(../images/clouds-in-blue-sky.jpg);*/
    width:750px;
    height:100px;
    border:0px #000 solid;
    margin: auto auto auto auto;
    padding:0px;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
	border-radius:5px;
    
}


/* main menu styles */
#nav {
    display:inline-block;
    width:100%;
	height: 30px;
    margin:80px auto;
    padding: 0px;
    background: #1450AC url(../images/bg.png) repeat-x 0 -110px;

    
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
	border-radius:15px; /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
	box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
    margin:0px;
    float:left;
    position:relative;
    list-style:none;
}
#nav a {		
    font-weight:normal;
    color:white;
    text-decoration:none;
	font:times new roman;
	font-size:14px;
    display:block;
    padding:5px 20px;
	
    
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
/*    text-shadow:0 2px 2px rgba(0,0,0, .7);*/
	border-radius:10px; /*some css3*/
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
    background:#7788aa url(../images/bg.png) repeat-x 0 -20px;
    color:#000;
    border-top:1px solid #f8f8f8;

    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
	box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
    /*text-shadow:0 2px 2px rgba(255,255,255, 0.7);*/
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
    background:none;
    border:none;
    color:#000;
}
#nav ul li a:hover {
    background:#335599 url(../images/bg.png) repeat-x 0 -100px;
    color:#fff;

    
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	border-radius:10px; /*some css3*/
    text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
    -moz-border-radius-topleft:10px; /*some css3*/
    -moz-border-radius-topright:10px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#nav ul li:last-child > a {
    -moz-border-radius-bottomleft:10px; /*some css3*/
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:175px;
    position:absolute;
    background:#aabbcc url(../images/bg.png) repeat-x 0 0;
    border:1px solid #7788aa;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	border-radius:10px; /*some css3*/
    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
	box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
    float:none;
    margin:0;
}
#nav ul a {
    font-weight:normal;
    text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
    left:160px;
    top:0px;
}
body {text-align:right; font-family:"arial"; font-size: 100%; color:black; margin: auto; background-color: dimgray;}
body.receipt {text-align:right; font-family:"arial"; font-size: 100%; color:black; margin: 0px;padding:0px; background-color: white;}
h2 { font-size:150%; color:#f36f25; text-align:center; font-family:"arial"; }
h3 { font-size:110%; color:navy; text-align:center; }
h4 { font-size:12px; color:navy; test-align:right;}
titulos { color:orange; text-align:center;}
#container {position:relative; width:950px; margin: 10px auto ;text-align: left;background-color:linen;}
#container1 {position:absolute; left: 0px; width:450px; margin: 0px auto ;text-align: left;background-color: red; padding: 0px; }
#container2 {position:absolute; left: 0px; width:950px; margin: 0px auto ;text-align: left;background-color: white; padding: 0px; }
#content { 	position:static; width: 900px; height: 500px; margin: 10px auto auto auto ; overflow-x: auto;padding: 0px 10px 10px 10px; z-index: 800; border-style:hidden; border-color:white;border-width: thin; border-top-style: hidden;}
#content1 {position:absolute; width:400px;left: 0px;height: 500px; margin: 0px auto auto auto ; overflow-x: auto;padding: 0px 0px 0px 0px; z-index: 800; border-style:hidden; border-color:white;border-width: thin; border-top-style: hidden;background-color: white;}
#content2 {position:absolute; width:950px;left: 0px;height: 950px; margin: 0px auto auto auto ; overflow-x: auto;padding: 0px 0px 0px 0px; z-index: 800; border-style:hidden; border-color:white;border-width: thin; border-top-style: hidden;background-color: white;}
.title1 {width: 750px; margin: 50px auto auto auto ; height: 10px; padding: 2px 10px 10px 10px;text-align: left;border-radius: 15px;color:black;text-decoration: underline;}
.title2 {width: 750px; margin: 50px auto auto auto ; height: 10px; padding: 2px 10px 10px 10px;text-align: left;border-radius: 15px;}
#login1 {position:absolute; min-width:960; max-width: 1000px; margin:auto;}
#header, #header-members, #header-admin { position: relative; margin:  auto auto auto; top: 5px; width:750px; height:80px; background-image: url(../images/mundilogo.gif);background-color:white;border-radius: 15px;background-repeat:no-repeat; background-size: 20%; background-position: left;z-index: 900;}
h1 {position:relative; top:40px; font-size:350%; color:white; margin:auto 0 auto 20px; 	width: 600px; }
#info-col { position:absolute; top:190px; right:10px; color:navy; width:135px; text-align:center; margin:5px 5px 0 0; }
#info-col h3 { 	width:130px; }
#reg-navigation ul {font-size:medium; width:160px; margin: 10px 15px 0 88%;float:right;}
#midcol {width:90%; margin:auto;}
#mid-left-col { width:48%; float:left; text-align:left; }
#mid-right-col {width:48%; float:right; text-align:left; }

/*#content { 	margin-left:150px; margin-right:150px; }*/
#contentlog {margin-left:250px; margin-right:150px;margin-top:80px;width:1100px;height:600px;}
table {table-layout: fixed; width:100%;border:0px ; margin:auto; border-spacing: 0px 10px;}
/*table { width:800px; border:1px navy solid; border-collapse:collapse; margin:auto; }*/
table.addstock{table-layout: fixed; width:100%;border:0px ; margin:auto; border-spacing: 0px 10px;background-color:  #1921C6;}
table.ciudades {width:300px; margin:auto;}
table.receipt {table-layout: fixed; width:100%;border-spacing: 0px 0px;}
thead.fixedHeader th{border:1px white solid; padding: 10px 10px 10px 10px;}
thead.fixedheader tr{position: relative; display:block;}
tbody.scroll{display:block;height:300px;overflow:auto;width:100%;}
td {border:1px white solid; padding:10px 10px 10px 10px; text-align:left;font-size: 12px;}
/*tr.ctitle {border:1px white solid;}*/
tbody.scroll td{width:90px;}
tbody.scroll td+td{width:200px;}
td.ciu1 {width: 100%; color:orangered; padding: 10px 10px 10px 10px; text-align: left; background-color: white;}
tr.ciudades {background-color:white;color:black;word-wrap: break-word;}
tr.addstock {background-color:#9AD411;}
tr.ciudades1 {background-color:cornflowerblue;border:1px white solid;}
td.notice {background-color:red;}
td.receipt {width:40%;border:0px white solid;padding:10px;font-size:14px}
td.right {border:0px;text-align: right;width:30%;padding:10px;font-size:14px}
td.center {border:0px;text-align: left;width:30%;padding:10px;font-size:14px}
td.pholder {width:40%;border-bottom: 1px black solid; border-top: 0px; padding:10px;}
th {border:1px white solid; padding: 10px 10px 10px 10px;font-size: 14px}
form { margin-left:70px; }
#footer { margin:auto; text-align:center; clear:both;}
p.error { color:red; font-size:105%; font-weight:bold; text-align:center; }
.label { float:left; width:210px; text-align:right; clear:left; margin-right:5px; font-size: 12px;color:black;}
.option { float:left; width:210px; text-align:right; clear:left; margin-left:100px; font-size: 12px;color:black;}
#submit { text-align:center; cursor: pointer;}
span.left { text-align:left; }
span.error{color: red;}
span {font-size: 10px;}
.center { margin: 70px auto; width: 40%; border: 3px solid #73AD21; padding: 20px;}
.columns{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
        column-gap: 30px;
		}
/*input[type=submit] {
    
    margin: 10px 200px 0px 100px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 300px;
    margin-top: 50px;

}*/

/*input {margin-left: 70px;}
/*span.center {margin-left: 70px;}*/
html { 
  /*background: url('images/bluesky.png') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background:#fff url(../images/clouds-in-blue-sky.jpg) no-repeat;	
  background-size: cover;*/
  background-color:dimgray;
}