﻿

#menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 10px;
    width: 300px;
    font-family: Arial, sans-serif;
    font-size: 14pt;
    background-color: rgb(33, 117, 188);
	  color: #666;
}
#menu ul li {
    background-color: #666;
    
}
#menu ul li a {
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 10px 10px 10px 20px;
}
#menu ul li a:hover {
    background: #000;
    border-left: 10px solid #333;
    color: #fff;
}


fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; }

.checkbox, .radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  display: block;
  clear: left;
  float: left;
}

fieldset p{
	clear: both;
	padding:5px;
}
label.field{
	width:100px;
	float:left;
	font-weight:bold;
	
	
}

.formulario_boton{
	display: block;
	clear: both;
	text-align: center;
}

input{
	vertical-align: top;
    border: 1px solid #006;
    background: #ffc;
   	font-family: Arial;
	font-size:16px;
	text-decoration: none;
	background-color: rgb(33, 117, 188);
	color: rgb(255, 255, 255);
	padding: 2px 8px;
}


button {
	font-family: Arial;
	font-size:16px;
	text-decoration: none;
	background-color: rgb(33, 117, 188);
	color: rgb(255, 255, 255);
	padding: 2px 8px;
}

button:hover {
	background-color: #2586d7;

	padding: 2px 8px;

}



textarea {
			font:14px/14px Arial, Helvetica, sans-serif;
			padding:0;
			width:450px;
			height:70px;
			vertical-align: bottom;
			}
			
select {
			font:14px/14px Arial, Helvetica, sans-serif;
			padding:0;
			width:200px;
			height:40px;
			vertical-align: bottom;
			}
			
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}

form {
  margin : 0 auto;
  background: #f6f6f6;
}



table {
  border-collapse: collapse;
  border: 1px solid #666666;
  font: normal 12px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #f6f6f6;
  text-align:left;
  padding:10px 5px 15px 20px;
  }
caption {
  text-align: center;
  font: bold 16px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #CC00FF;
  text-transform: uppercase;
}
thead, tfoot {
	background: #C0C0C0;
	text-align:left;
	height:25px;
	font: bold 16px arial, helvetica, sans-serif;
}
thead th, tfoot th {
padding	:10px;
}
table a {
	color: #6495ED;
	text-decoration:underline;
}
table a:hover {
	text-decoration:underline;
	color: #00BFFF;
}
tr.odd {
background: #f1f1f1;
}
tbody th, tbody td {
	padding:5px;
}


 #button {
	padding: 0;
}

#button li {
	display: inline;
}

#button li a {
	font-family: Arial;
	font-size:11px;
	text-decoration: none;
	float:left;
	padding: 10px;
	background-color: #2175bc;
	color: #fff;
}

#button li a:hover {
	background-color: #2586d7;
	margin-top:-2px;
	padding-bottom:12px;
}
 
 
 body{
  margin:0;
  padding:100px 0 0 0;
}
div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100px;
  background-color:#333;
  color:#FFFFFF;
}


 @media screen{
  body>div#header{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
 
.enlaceboton
 { 
   font-family: verdana, arial, sans-serif; 
   font-size: 10pt; 
   font-weight: bold; 
   padding: 4px; 
   background-color: #ffffcc; 
   color: #666666; 
   text-decoration: none; 
} 
.enlaceboton:link, 
.enlaceboton:visited { 
   border-top: 1px solid #cccccc; 
   border-bottom: 2px solid #666666; 
   border-left: 1px solid #cccccc; 
   border-right: 2px solid #666666; 
} 
.enlaceboton:hover { 
    border-bottom: 1px solid #cccccc; 
   border-top: 2px solid #666666; 
   border-right: 1px solid #cccccc; 
   border-left: 2px solid #666666; 
} 
ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 7px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #000;
    background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;
    border-radius: 2px 2px 0 0;
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #000;
}
        
ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x;
}
        
ul.tabs li.selected a
{
    /*selected tab style */
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
}
        
        
ul.tabs li.selected a:hover
{
    /*selected tab style */
    text-decoration: none;
}
        
div.tabcontent
{
    display: block;
}

div.tabcontents
{
    border: 1px solid #B7B7B7; padding: 30px;
    background-color:#FFF;
    border-radius: 0 2px 2px 2px;
}