@font-face {
	    font-family: 'open_sanssemibold';
	    src: url('fonts/opensans-semibold-webfont.eot');
	    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff2') format('woff2'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	    font-weight: normal;
	    font-style: normal;
    }

    @font-face {
	    font-family: 'open_sansregular';
	    src: url('fonts/opensans-regular-webfont.eot');
	    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.woff2') format('woff2'), url('fonts/opensans-regular-webfont.woff') format('woff'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
    }

    @font-face {
	    font-family: 'open_sansbold';
	    src: url('fonts/opensans-bold-webfont.eot');
	    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff2') format('woff2'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	    font-weight: normal;
	    font-style: normal;
    }

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

* {
  margin: 0;
}

html, body {
	height:100%;
	font-family: 'open_sansregular';
	font-size:14px;
	margin:0;
	padding:0;
	background-color:#fafafa;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Roger Kenlly gonzales Huaraca - custom styles
   ========================================================================== */

.dret-home-cuerpo{
	min-height: 100%;
	margin-bottom: -105px; 
}   

.dret-home-cuerpo:after{
	content: "";
	display: block;
}

.dret-home-cuerpo .header{
	position:relative;	
	height:50px;
}

.dret-home-cuerpo .header.no-return{
	height:10px;
}

.dret-home-cuerpo .header .line-header{
	position:absolute;
	left:0;
	top:0;
	height:6px;
	width:100%;	
	z-index:1;
}

.dret-home-cuerpo .header .line-header .rojo{
	width:55%;
	height:6px;
	background-color:#C1141F;
	float:left;
}

.dret-home-cuerpo .header .line-header .gris{
	width:15%;
	height:6px;
	background-color:#6D6E69;
	float:left;
}

.dret-home-cuerpo .header .line-header .gris-claro{
	width:30%;
	height:6px;
	background-color:#959595;
	float:left;
}

.dret-home-cuerpo .header .btnRegresar{
	position:absolute;
	left:20px;
	top:15px;
	width:70px;
	height:26px;
	line-height:26px;
	font-family: 'open_sansregular';
	color:#666666;
	font-size:12px;
	padding-left:20px;
	border-radius:5px;
	border:#d0d2d5 solid 1px;
	text-decoration:none;
	cursor:pointer;
	background: #e8eae9; /* Old browsers */
	background: -moz-linear-gradient(top, #e8eae9 0%, #f0f2f1 50%, #f6f7f7 61%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e8eae9 0%,#f0f2f1 50%,#f6f7f7 61%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e8eae9 0%,#f0f2f1 50%,#f6f7f7 61%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eae9', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	display:block;
}

.dret-home-cuerpo .header .btnRegresar:hover{
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1e1e1 0%, #e1e1e1 50%, #e8e9e9 71%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#e1e1e1 50%,#e8e9e9 71%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e1e1e1 0%,#e1e1e1 50%,#e8e9e9 71%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.dret-home-cuerpo .header .btnRegresar:after{
	content:"";
	position:absolute;
	left:10px;
	top:9px;	
	background:url(../img/flecha_right.png) no-repeat;
	width:4px;
	height:8px;
}

.dret-home-content{
	width:92%;
	max-width:1200px;
	margin:0 auto;
}

.dret-home-content .menu{
	float:left;
	width:30%;
}

.dret-home-content .menu .logo{
	width:108px;
	height:99px;
	cursor:pointer;
	margin:30px 0 30px 10px;
	display:block;
}

.dret-home-content .menu h3{
	padding:10px 0;
	margin:0;	
	color:#ad140e;
	font-family: 'open_sansbold';
	font-size:19px;
}

.dret-home-content .menu .list_menu{
	margin:0;
	padding-left:19px;
}

.dret-home-content .menu .list_menu li{
	margin:0;
	padding:4px 0;
	color:#999999;
	cursor:pointer;
}

.dret-home-content .menu .list_menu li img{
	display:none;
}

.dret-home-content .menu .list_menu li:hover{
	color:#5a5a5a;
	font-weight:bold;
}

.dret-home-content .menu .list_menu li.selected{
	color:#5a5a5a;
	font-weight:bold;
}

.dret-home-content .menu .list_menu li.selected img{
	display:inline-block;
}

.dret-home-content .menu .option-selected{
	display:none;
}

.dret-home-content .video{
	float:left;
	width:70%;	
}

.dret-home-content .video .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.dret-home-content .video .video-container iframe,
.dret-home-content .video .video-container object,
.dret-home-content .video .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dret-home-content .video .video-description{
	padding:15px;
	min-height:50px;
	text-align:center;
	font-size:11px;
	color:#6F6E73;	
}

.dret-home-guia{
	margin:30px 0;
	position:relative;
	width:100%;	
	height:50px;
}

.dret-home-guia .linea-guia{
	position:absolute;
	top:-6px;
	width:100%;
	height:25px;
	border-bottom:#c1d3dc solid 1px;
	z-index:1;
}

.dret-home-guia .circulos{
	position:absolute;
	left:50%;
	margin-left:-425px;
	top:0;
	width:850px;
	z-index:999999;
}

.dret-home-guia .circulos .opt-circulo{
	width: 35px;
	height: 35px;
	line-height:35px;
	color:#848484;
	font-family: 'open_sanssemibold';
	font-size:12px;
	text-align:center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #FFFFFF;
	border:#c1d3dc solid 1px;
	margin-left:9%;	
	float:left;
	z-index:999999;
}  

.dret-home-guia .circulos .opt-circulo.selected{
	color:#ffffff;
	background-color:#ad1915;
	border:#ad1915 solid 1px;
}

.dret-home-footer, .dret-home-cuerpo:after{
	height: 105px; 	
}

.dret-home-footer{
	text-align:center;	
	color:#999A98;
}

.dret-home-footer .line-footer{
	width:100%;
	height:45px;
}
	
.dret-home-footer p{
	padding:2px 0;	
}

.dret-home-footer .separe-footer{
	width:100%;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8d918a;
	background-color:#454644;
}


.dret-home-cuerpo.popup .dret-home-content .menu{
	width:100%;	
}

.dret-home-cuerpo.popup .dret-home-content .menu .logo{
	margin: 5px 0;
	float:left;
	width:20%;
	min-width:66px;
	max-width:66px;
	height:inherit;
	display:block;
}

.dret-home-cuerpo.popup .dret-home-content .menu .logo img{
	width:100%;
}

.dret-home-cuerpo.popup .dret-home-content .menu .dret-list-videos{
	position:relative;
	width:76%;
	margin-left:4%;
	float:right;
}

.dret-home-cuerpo.popup .dret-home-content .menu .list_menu{
	position:absolute;
	left:-1px;
	width:100%;
	max-width: 350px;
	top:34px;	
	z-index:99999999;
	background-color:#FFFFFF;
	border-top:#C4C4C4 dotted 1px;
	border-left:#C4C4C4 solid 1px;
	border-right:#C4C4C4 solid 1px;
	border-bottom:#C4C4C4 solid 1px;
	list-style:none;
	padding:0;
	display:none;
}

.dret-home-cuerpo.popup .dret-home-content .menu .list_menu li{
	padding:7px 0 7px 10px;	
}

.dret-home-cuerpo.popup .dret-home-content .menu .list_menu li:hover{
	background-color:#61605C;
	color:#FFFFFF;
}

.dret-home-cuerpo.popup .dret-home-content .menu .list_menu li.selected{
	display:none;
}

.dret-home-cuerpo.popup .dret-home-content .menu h3{
	text-align:right;	
	font-size:15px;
	padding:3px 0;
}

.dret-home-cuerpo.popup .dret-home-content .menu .dret-list-videos .list-select{
	position:relative;
	width:100%;
	max-width:340px;
	padding:5px;
	height:27px;
	border:#C5C5C5 solid 1px;
	border-radius:5px;
	background-color:#FFFFFF;
	float:right;
}

.dret-home-cuerpo.popup .dret-home-content .menu .dret-list-videos .list-select:hover .list_menu{
	display:inherit;
}

.dret-home-cuerpo.popup .dret-home-content .menu .option-selected{
	display:block;	
	margin: 0;
	padding: 4px 0;
	color: #999999;
	background:url(../img/bt_expandir.png) 97% 11px no-repeat;
	font-weight: bold;
	cursor: pointer;
}

.dret-home-cuerpo.popup .dret-home-content .menu .dret-list-videos .list-select:hover .option-selected{
	background:url(../img/bt_contraer.png) 97% 11px no-repeat;	
}
			
.dret-home-cuerpo.popup .dret-home-content .video{
	width:94%;
	margin-left:3%;
	padding-top:15px;	
}

.dret-home-cuerpo.popup .dret-home-content .video .video-description{
	padding:5px 0;
	min-height:inherit;	
	font-size:11px;
}

.dret-home-cuerpo.popup .dret-home-guia{
	display:none;	
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.table{
	display:table;
	width:100%;
	height:100%;	
}

.table .cell{
	display: table-cell;
	vertical-align: middle;
}

.hidden {
    display: none !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

@media only screen and (max-width: 1100px) {
	.dret-home-guia{
		display:none;	
	}
	
	.dret-home-content .menu .logo{
		margin: 5px 0 5px 10px;
	}
}

@media only screen and (max-width: 880px) {
	.dret-home-content .menu{
		width:100%;	
	}
	
	.dret-home-content .menu .logo{
		margin: 5px 0;
		float:left;
		width:20%;
		min-width:66px;
		max-width:66px;
		height:inherit;
		display:block;
	}
	
	.dret-home-content .menu .logo img{
		width:100%;
	}
	
	.dret-home-content .menu .dret-list-videos{
		position:relative;
		width:76%;
		margin-left:4%;
		float:right;
	}
	
	.dret-home-content .menu .list_menu{
		position:absolute;
		left:-1px;
		width:100%;
		max-width: 350px;
		top:34px;	
		z-index:99;
		background-color:#FFFFFF;
		border-top:#C4C4C4 dotted 1px;
		border-left:#C4C4C4 solid 1px;
		border-right:#C4C4C4 solid 1px;
		border-bottom:#C4C4C4 solid 1px;
		list-style:none;
		padding:0;
		display:none;
	}
	
	.dret-home-content .menu .list_menu li{
		padding:7px 0 7px 10px;	
	}
	
	.dret-home-content .menu .list_menu li:hover{
		background-color:#61605C;
		color:#FFFFFF;
	}
	
	.dret-home-content .menu .list_menu li.selected{
		display:none;
	}
	
	.dret-home-content .menu h3{
		text-align:right;	
		font-size:15px;
		padding:3px 0;
	}
	
	.dret-home-content .menu .dret-list-videos .list-select{
		position:relative;
		width:100%;
		max-width:340px;
		padding:5px;
		height:27px;
		border:#C5C5C5 solid 1px;
		border-radius:5px;
		background-color:#FFFFFF;
		float:right;
	}
	
	.dret-home-content .menu .dret-list-videos .list-select:hover .list_menu{
		display:inherit;
	}
	
	.dret-home-content .menu .option-selected{
		display:block;	
		margin: 0;
		padding: 4px 0;
		color: #999999;
		background:url(../img/bt_expandir.png) 97% 11px no-repeat;
		font-weight: bold;
		cursor: pointer;
	}
	
	.dret-home-content .menu .dret-list-videos .list-select:hover .option-selected{
		background:url(../img/bt_contraer.png) 97% 11px no-repeat;	
	}
				
	.dret-home-content .video{
		width:94%;
		margin-left:3%;
		padding-top:15px;	
	}
	
	.dret-home-content .video .video-description{
		padding:5px 0;
		min-height:inherit;	
		font-size:11px;
	}
}

@media only screen and (max-width: 460px) {
	.dret-home-content .menu .logo{
		width:90px;
		margin:3px auto 10px;	
		float:none;
		max-width:none;
		min-width:none;
	}	
	
	.dret-home-content .menu .dret-list-videos {
		width: 100%;
		margin-left:0;
		float: left;
	}
	
	.dret-home-content .menu .dret-list-videos .list-select{
		max-width:none;
		padding:5px 0;	
	}
	
	.dret-home-content .menu .dret-list-videos .option-selected{
		padding:4px 5px;	
	}
	
	.dret-home-content .menu .list_menu{
		max-width:none;
	}
	
	.dret-home-content .menu h3{
		text-align:left;	
	}
	
	.dret-home-cuerpo .header .btnRegresar{
		left:5px;	
	}
}