.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body{
	padding: 0;
	margin: 0;
}
#header{
	height: 60px;
}
#logo{ float: left;}
#logout{
	position: relative;
	float: right;
	width: 230px;
	top:27px;
}
.preguntas {
    display:scroll;
        position:fixed;
        bottom:320px;
        right:0px;
}
.tab ul{ list-style: none; margin: 0; padding: 0;}
.tab li{ font-family: 'Open Sans', sans-serif;}
.label{ font-weight: bold; color: #E10E14; font-family: 'Open Sans', sans-serif;}
.label2{ font-weight: bold; color:#275f8e; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
.box_answer{ font-size: 13px; margin-left: 20px; padding-bottom: 10px;}
.pregunta{ font-size: 14px; font-weight: bold; text-transform: uppercase;}
#tabs{ margin-top: 40px; width: 810px; margin-left: auto; margin-right: auto;}
.menu{ width: 200px; float: left;}
ul.menu {  font-size:12px; list-style: none; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif;}
ul.menu .active a{ background:#E10E14; }
ul.menu li{ margin-bottom: 5px;}
ul.menu li a{ display:block; background:#275f8e; text-decoration: none; color: #ffffff; padding: 5px; }
.tab{ display: none; background:#C4C9CB; float: left; padding:20px; /*width: 560px; overflow:hidden; height:232px;*/ width:560px; }

.tab.active { display: block; }
#tab-content{ margin-bottom: 20px;}

#breadcumb{ margin: 10px;}
#breadcumb a{ text-decoration: none; font-size: 14px; color: #E10E14; font-family: 'Open Sans', sans-serif; font-weight: bold;}


/*MODULOS*/
#wrapper{
	margin-top: 50px;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#videos{
	/*width: 522px;*/
	margin-top: 10px;
	/*height: 445px;*/
}
#container_video{
	height: 310px;
	overflow: hidden;
}
#timeline_video{
	width: 872px;
	margin-left: auto;
	margin-right: auto;
}
#timeline_video ul{
	display: block;
	list-style: none;
	height: 157px;
	padding: 0;
}
#timeline_video ul li{
	width: 200px;
	float: left;
	padding: 9px;
}
#timeline_video ul li span{
	display: block;
	/*background: #275f8e;*/
	text-align: right;
	padding: 6px;
	font-size: 12px;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}
.video_border{
	border: 10px solid #E2E2E2;
}
.modulo{
	float: left;
	width: 1000px;
	margin-right: 10px;
}
#modulos{
	width: 4040px;
	height: 300px;
	position: relative;
}
#seccion1,#seccion2,#seccion3,#seccion4{
	cursor: pointer;
}

.video_line{
	border-left: 1px solid #F4F4F4;
	border-right: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	width: 489px;
	float: left;
}
.box2 h3{
	color: #275f8e;
}
.box2 img{
 width: 451px;
}
.box2{
	border:1px solid #F4F4F4;
	background: #C4C9CB;
	float: right;
	width: 451px;
	height: 278px;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	overflow: hidden;
}
.box2 ul{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}
.box2 p{
	line-height: 20px;
	padding: 0;
	margin-bottom: 0px;
	font-size: 13px;
	margin-top: 5px;
}

#container{
	margin-left: 20px;
	margin-right: 20px;
	width:750px;
}
#ft_title{
	background: url(../img/bg_title.png);
	width: 548px;
	height: 182px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 20px;
}
#form{
	width: 517px;
	margin-right: auto;
	margin-left: auto;
}
#grua{
	background: url(../img/grua.png) center no-repeat;
	width: 517px;
	height: 193px;
	margin-right: auto;
	margin-left: auto;
}
#formulario{
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
}
#box{
	border: 4px solid #E2E2E2;
	background: #5F5F60;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 80px;
	padding-right: 80px;
}

.btn{
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
    background-color:#FFF;
    color:#666;
    font-weight:bold;
    border: solid #666 1px;
    font-size: 14px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: block;
	text-align: center;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
#ft_line{
	width: 100%;
	height: 60px;
}
#ft_line #left{
	width: 85%;
	float: left;
	border-top: 1px solid #575756;
	color:#706F6F;
	margin-right: 10px;
	margin-top: 32px;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
#ft_line #right{
	float: left;
}

#ft_line2{
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
}
#ft_line2 #left{
	width: 85%;
	float: left;
	border-top: 1px solid #575756;
	color:#706F6F;
	margin-right: 10px;
	margin-top: 32px;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
#ft_line2 #right{
	float: left;
}

#inline1 table{
	border: 1px solid #C4C4C4;
	padding: 10px;
}

#inline2 table{

}

/*FORMULARIO*/
textarea:focus, input:focus{
    outline: 0;
}
*:focus {
    outline: 0;
}
#new_user label.error, #login label.error{
	color:#9E9E9E;
	font-style: italic;
	position: relative;
	top:-28px;
	font-size: 10px;
	margin-left: 7px;
	font-weight: normal;
}

#title{
	display: block;
	margin-bottom: 10px;
}

#inline1 label.label, #inline2 label.label{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	display: block;
	background: #0071BC;
	padding: 5px;
	color: #FFFFFF;
}

#inline1,#inline2{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.field{
	display: block;
	height: 15px;
	padding: 5px;
	text-transform: uppercase;
}

#inline1 .field.error, #inline1 .select.error, #inline2 .field.error{
	border: 1px solid red;
}

#inline1 .field, #inline2 .field{
	width: 236px;
	border: 0;
}

.styled-select {
   width:100%;
   overflow: hidden;
   background: #FFFFFF;
   border: 1px solid #DDDDDD;
   height: 25px;
   border-radius:2px;
 }
 
.styled-select select {
  width: 100%;
  height: 25px;
  padding: 5px;
  border: 0;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  /*text-indent: 0.01px;*/
  appearance: none;
  background: transparent url("../img/arrow.jpg") no-repeat scroll 99% 1px;
  font-weight: normal;
  font-size: 12px;
}

.btn_submit{
	width: 100%;
	background: #0071BC;
	padding: 5px;
	border: 0;
	color: #ffffff;
	margin-top: 10px;
}
.input_box{
	height: 25px;
	overflow: hidden;	
	border: 1px solid #D8D8D8;
}

ul.dropdown{
	margin: 0;
	padding: 0;
}

#respuestas1 ul, #respuestas2 ul, #respuestas3 ul, #respuestas4 ul{ list-style: none; font-family: 'Open Sans', sans-serif;}
.box_quest{ width: 500px; height: 150px; margin: auto; font-family: 'Open Sans', sans-serif;}
.title_preg{ font-family: 'Open Sans', sans-serif;}
#ok,.cancel{ float: left;}
.close{ margin-right: auto; margin-left: auto;}
#continue1, #continue2, #continue3, #continue4{ margin-left: 20px;}

.wrapper-dropdown-5 {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
    /* Size & position */
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 12px 15px;

    /* Styles */
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #4cbeff transparent;
}

.wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;

    /* Styles */
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
    z-index: 9999;
}

.wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
    border-radius: 5px 5px 0 0;
    background: #4cbeff;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}

/*****************************************/
 #slider{
 	overflow:hidden;
 	width:0;
 	height:0;
 }
 #txt_modulo1, #txt_modulo2, #txt_modulo3, #txt_modulo4{ background-color: #275f8e;}
 #txt_modulo1.select,#txt_modulo2.select,#txt_modulo3.select,#txt_modulo4.select{ background-color: #E10E14;}

 .box_pr{
 	width: 500px;
 	margin-left: auto;
 	margin-right: auto;
 }
 .resp{
 	font-size: 12px;
 	margin-top: 10px;
 }
 .resp div{ padding: 5px;}
 .resp span { display: block; float: left;}

 .submit{
 	cursor:pointer;
 	background: #05cbcc;
  	color: #ffffff;
  	padding: 7px;
  	width: 150px;
  	margin: auto;
  	display: block;
	border: 0;}
 .submit:hover{
 	background:#05a0a1 ;
 }	
 #dash{
 	width: 900px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-bottom: 20px;
 }
 #dash #left, #dash #right{
 	
 	margin-top: 20px;
	height: 300px;
 }
 #dash #left{
 	width: 400px;
 	float: left;
 }

 #dash #right{
	width: 400px;
	float: right;
	background-color: #cccccc;
	border: 1px solid #ffffff;
	padding: 10px;
 }
 #scroll{
 	width: 400px;
 	height: 300px;
 	overflow: hidden;
 	position: absolute;
 }

 #dash #right table{
 	font-family: 'Open Sans', sans-serif;
 	border: 1px solid #cccccc;
 	background: #ffffff;
 }
 #filename{
 	margin-top: 150px;
 } 
 #filename label{
 	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	display: block;
	background: #0071BC;
	padding: 5px;
	color: #FFFFFF;
 }
 #filename .field{
 	width: 200px;
 	height: 25px;
 }
.datagrid table td{ text-align: center;}
/*TABLE FILENAME*/
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }