html, body {
    width: 100%;
    height: 100%;
    margin: 0;
	font-family:helvetica,arial,sans-serif; font-size:84%;

  }

.tablas{
	border: 1px solid #9f9f9f;
	background-image:url(../images/menu_bg.gif); 
	background-repeat:repeat-x;
	box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 1px #EEF5F7 inset;
	border-radius: 5px;
	width:70%;
	margin:0px auto;display:block;list-style:none;z-index:5;top:35px;left:15%;text-align:center;display:block;
}
.contacto label{
	display: block; 
	font-weight: bold;

}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto input[type='password']{
	padding: 5px 6px;
	width: 294px;
	border: 1px solid #CCC;
	resize: none;
	box-shadow: 0px 1px 3px #CCC, 0 0 0 0px #CCC inset;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto input[type='password']:focus{
	outline: none;
	box-shadow:0 0 0 4px #dde9ec;
}
.contacto input[type='submit'], .contacto input[type='button'], .contacto input[type='reset']{
	border: 1px solid #CCC;
	box-shadow: 0px 1px 3px #CCC, 0 0 0 0px #CCC inset;
	padding: 3px 15px;
	border-radius: 3px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #CCC; 
	background: -moz-linear-gradient(top, #e6ebed 0%, #d4d4d4 100%);
	background: -webkit-linear-gradient(top, #e6ebed 0%,#d4d4d4 100%); 
}
.contacto input[type='submit']:hover, .contacto input[type='button']:hover, .contacto input[type='reset']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #e6ebed 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #e6ebed 0%,#edfcff 100%); 
}
.contacto input[type='submit']:active, .contacto input[type='button']:active, .contacto input[type='reset']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
.contacto select { 
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	color: #000;
	background-color:#ffffff;
	border-color:#BBC2CC;
	border-style:solid;
	border-width:1px;
	width:88%;
	height:20px;
	padding-top:2px;
	padding-left:5px;
	overflow:0px;
}
.contacto option { 
	font-family:helvetica,arial,sans-serif; 
	font-size:11px;
	color: #333;
	background-color:#f6f6f6;
	cursor:hand; 	
	width:500px !Important;
}
.error{
	background-color: #BC1010;
	padding: 6px 12px;
	border-radius: 4px;
	color: white;
	font-weight: bold;
	margin-left: 16px;
	margin-top: 6px;
	position: absolute;
}
.error:before{
	content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}
/*---------------------para tabs-----------------*/
ul.tabs {
	margin: auto;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 798px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #edfcff; 
	background: -moz-linear-gradient(top, #e6ebed 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #e6ebed 0%,#edfcff 100%); 
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not
        listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with
        its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	border-bottom: none;
	overflow: hidden;
	clear: both;
	float: left; width: 798px;
	background: #fff;
	margin:auto;
}
.tab_content {
	padding: 5px;
}
/*----------------------fin tabs-----------------*/

input[type=checkbox]  {
	box-shadow: 0px 5px 5px #B5C1C5, 0 0 0 1px #EEF5F7 inset;
	border-style:solid;
	border-width:0px;
	resize: none;  
    }
input[type=radio]  {
	box-shadow: 0px 5px 5px #B5C1C5, 0 0 0 1px #EEF5F7 inset;
	border-style:solid;
	border-width:0px;
	resize: none;  
    }
.colorFondo{
		color:#000;
		background-color:#376091;
		
		}
.content-all{
	width: 100%;
	max-width: 1000px;
	background: #DDDDDD;
	margin: auto;
	margin-top: 80px;
	margin-left: 50px;
	border: 2px solid white;
}