/*
	21.07.2014
	dinamo.mx para INMUJERES

	#8DC63E green
	#3ac0f1 blue

*/
@import url('308.tema2.css');
body{
background: #FFF url(../images/fondo.jpg) no-repeat center center fixed;
background-size: cover;
margin:0;
font-family: sans-serif;
}
img, a{
border:0;
outline: none;
}
h1.main_title{
color: #8DC63E;
border-bottom: 1px solid #8DC63E;
}
h2.section_title{
color:#8DC63E;
border-bottom: 1px solid #8DC63E;
}
h3{
color:#5daebc !important;
}

#header{
position: absolute; top:0;
background: #FFF;
width: 100%; height: 90px;
display: block;
}
#header .logos_inmujeres{
margin-top:20px;
}
#header .mainlogo{
float: left; margin-right: 20px;
}
#header .iconLeft{
float: left;
margin-top: 10px;
margin-left:10px;
 }
#header h3{
float: left;
margin-top:40px;
}
#scene{border:1px dashed #FFF;
width:960px;  height: 400px;
margin:130px auto;
list-style-type: none;
}

#scene img{
position: absolute;
}
	#mesa{
	margin-top: 374px; margin-left: 30px;
	z-index: 77;
	}

	#compu{
	margin-top:170px; margin-left:330px;  z-index: 88;
		transition: all .5s ease-in;
		opacity: 1;
	}
	#compu.shy{
		-webkit-transform: translate(0px, -125px);
		-ms-transform: translate(0px, -125px);
		opacity: 0;
	}
	#flor{
	margin-top:70px; margin-left:20px;
		transition: all 1s ease-in;
		opacity: 1;
	}
	#flor.shy{
		-webkit-transform: translate(90px, 125px);
		-ms-transform: translate(90px, 125px);
		opacity: 0;
	}
	#reloj{
	margin-top:0px; margin-left:300px;
		transition: all .6s ease-in;
		opacity: 1;
	}
	#reloj.shy{
		-webkit-transform: translate(30px, 90px);
		-ms-transform: translate(30px, 90px);
		opacity: 0;
	}
	#lampara{
	margin-top:0px; margin-left:600px;
		transition: all .7s ease-in;
		opacity: 1;
	}
	#lampara.shy{
		-webkit-transform: translate(-30px, 90px);
		-ms-transform: translate(-30px, 90px);
		opacity: 0;
	}
	#lapicero{
	margin-top:278px; margin-left:190px;  z-index: 88;
		transition: all .8s ease-in;
		opacity: 1;
	}
	#lapicero.shy{
		-webkit-transform: translate(-100px, 0px);
		-ms-transform: translate(-100px, 0px);
		opacity: 0;
	}
	#taza{
	margin-top: 290px; margin-left: 630px; z-index: 88;
		transition: all .6s linear;
		opacity: 1;
	}
	#taza.shy{
		-webkit-transform: translate(100px, 0px);
		-ms-transform: translate(100px, 0px);
		opacity: 0;
	}
	#btnCerrar{
		margin-top: 0px; margin-left: 830px; z-index: 88;
	}

#imgInicio{ margin-top: 210px; margin-left: 670px; z-index: 89;}
#btnCerrar_inner{ float: right; margin-top:20px; width: 46px; height: 46px;}
#btnHome{width: 60px; height: 60px;}
.section_image{width: 60px; height: 60px;}
.mainLogo{width:239px; height:80px;}

.portafolios h3{color:#5daebc !important;}
/* aditional code for numbered list powered by ie8 */
ul.checklist,
.portafolios ul,
#calendario ul,
#presentacion ul,
.generic{list-style-type: none;}
ul.numbered{
list-style-type: none;
margin:0; padding:0;
}
ul.numbered li{
padding-left: 1.3em;
}
ul.numbered .li_id{
margin-left:-1em;
font-weight: bolder;
}
ul.checklist li{
padding-left: 20px;
background: transparent url(../images/li_checklist_rounded.png) top left no-repeat;
min-height: 20px;
}
ul.asterisk li{
padding-left: 20px; list-style-type: none;
background: transparent url(../images/li_asterisk.png) top left no-repeat;
min-height: 20px;
}
.portafolios ul li,
ul.arrow li{
padding-left: 20px;
background: transparent url(../images/li_arrow.png) top left no-repeat;
min-height: 20px;
}
#medium-nav>.extend>a,
#btn-home-extend{
 line-height: 40px;
}
#bxNavBottom{
border: 1px solid #DDD; overflow: auto;border-radius: .5em;
margin-top: 2em;
}
#bxNavBottom ul{ list-style-type: none; margin:0; padding:0;}
#bxNavBottom ul li{
padding:.5em;
}
#bxNavBottom ul li i{
background:#8DC63E; border-radius: 50%; width:2em; height: 2em;
text-align: center; font-weight: bolder; color:#FFF; padding:.5em;
font-size: 1.3em;
}
#bxNavBottom ul li.btnPrev{
float: left; border-right:1px solid #DDD;
}
#bxNavBottom ul li.btnNext{
float: right; border-left:1px solid #DDD;
}
.balloon .header{
color:#3ac0f1; font-size: 1.2em;
font-weight: bold !important;
}
.ballon p{
font-weight: lighter; font-size: .9em; margin:0;
}
.ballon a{
background:#3ac0f1; padding:5px 18px !important; color:#FFF;
text-decoration: none;
border-radius: 5px;display: inline-block; margin-top:20px; word-break: break-all;
}
#bx_btnTools{
  display: inline;
}
#bx_btnTools:focus{background:none !important;}
#btnTools{
	position: relative;
margin-left: -50px; margin-top:-20px;
}

.container{
	width: 960px; margin:0 auto;
}
.clearheader{
	margin-bottom:140px;
}
.breadcrumb{
background: #FFF !important;
margin:0 !important;
}
#bxContent{}
/* ALINEACION*/
#main-menu{
background: #FFF;
margin-top:40px;
}
span.minimized{
font-size: .8em;
}
#footer{
background:#FFF;
margin:-10px auto 0;
z-index: 99;
position: absolute;
width: 100%; min-height:80px;
}
#footer-inner, #footer-inner-left{
min-height: 80px;
}
#footer h6, #footer-inner h6{
color:#8DC63E;margin:0;
text-align: center; text-transform: uppercase;
}
 #footer-inner-left h6{
color:#8DC63E;margin:0;
text-align: left; text-transform: uppercase;
 }
#footer p, #footer-inner p{
margin: 0; text-align: center;
font-size: .6em;
}
 #footer-inner-left p{
	text-align: left; font-size: .6em;
 }
#footer-inner, #footer-inner-left{
background:#FFF;
width: auto; padding:1em;

}

#footer-inner .left, #footer-inner-left .left{ float: left}
#footer-inner .right, #footer-inner-left .right{float: right}
.image-right{
float: right;
}
.image-left{
float: left; margin-right:20px;
}
.puntogenero{ margin:0  20px;}
.bxWorkingContent{
width:auto;
min-height: 300px;
border:1px solid #DDD; margin:0 1em;
text-align: center; padding:8em 0;
}
.bxWorkingContent .icon{
font-size: 4em; color:#AAA;
}
.bxPage{
background: #FFF;
margin:2em auto;
padding:1em;
}
nav .ident01{
padding-left:3em !important;
}

nav .ident01 a{
color:#000 !important
}
nav .ident01 a:hover{text-decoration: none; background:#EEE;  }
nav .ident02{
padding-left:6em;
}
.paddme10{
padding:1em;
}
.big_text{
font-weight: bolder;
font-size: 1.5em; color:#45B39C;
}
.small_text{
font-size: .8em;
}
.contrast_text{
font-size: 1.3em;
color:#45B39C;
}
.clear{clear:both;}
.paddme40{margin:4em;}
.tab-content{
padding: 1em 2em;
border-bottom:3px solid #5daebc;
border-left:3px solid #5daebc;
border-right:3px solid #5daebc;
}
#calendario{
border-collapse: collapse;
}
#calendario .head{
background: #5daebc; font-weight: bolder;
color:#FFF; text-align: center;
}
#calendario td{
border:1px solid #EEE;
text-align: center; padding:.5em;
}
#calendario td.left{
text-align: left !important
}
.centered{
text-align: center;
}
.bxNota .icn_nota{
float: left;}
.bxNota h3{
margin-top:0em; font-size: 1.2em;
}
.btnDownload, .btnPrint{
float: right;
}
.btnPrint{cursor: pointer}
.bxNota{
background:#fcffe3;
padding:1em;

  -moz-box-shadow:2px 2px 5px rgba(33,33,33,1);
   -webkit-box-shadow: 2px 5px 3px rgba(33,33,33,.7);
  box-shadow: 2px 2px 5px rgba(33,33,33,.7);
}
li.current{
color:#555;
background-color: #E7E7ED !important;
}
.bxPrezi{
width:900px; padding:25px; margin:auto;
background: #e3e1d9;
border:1px solid #DDD; border-radius: 10px;
}
.txtInstruccion{
color:#AAA;
}
.bar{
width:100%;
height:4px;
}
.bar.blue{
background: #197aef
}
.bar.red{
background:  #e41a1a
}
.bar.green{
background: #44e63e
}
.bxProductos{width:690px; float: left; text-align: center; margin-bottom: 10px;}
.bxConocimientos{ width:320px; float: left; text-align: center;margin-bottom: 10px;}

.icnTitle{margin-right:10px; margin-top:-10px; margin-left:10px;}
.center{text-align: center;}
.image_right, .image_left {
max-width: 300px;
}
.image_right p, .image_left p, .image_nofloat p{
color:#777; font-size: .8em; padding:8px  0 4px 0;
}
.image_right{
float: right;
margin-left:1em; margin-right: 60px;
}
.image_left{
float: left;
margin-right:1em;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
color:#8DC63E !important;
font-weight: bolder;
}
#canvas_save ul li:hover {
    cursor:move;
}
#default_options{
background: #FFF;
border:10px solid #bcdee5;
overflow: hidden;
float: left;
width: 310px; margin-left:10px;
padding-top:10px;
}
#default_options.fixed{position: fixed !important}
#default_options li{
margin-bottom:10px;
}
#pizarron{
background: #FFF;
border:10px solid #f5cbc2;
width:700px;
min-height: 300px;
color:#333;
float: left; padding: 1em 2.4em;
}
#pizarron .title{
font-weight: bolder;
list-style-type: none;
margin-bottom:.5em;
font-size: 1.5em;
margin-left:-1em;
}
#pizarron .title small{font-size: .7em}
#pizarron .empty_space{
border:1px solid #5daebc;
background:rgba(93,174,188,0.17);
list-style-type: none;
margin-left:-2em;
min-height: 30px;
}
li.group1{ color: #7fa7d1;}
li.group2{ color: #6d9a6d;}
li.group3{ color: #989d20;}
li.group4{ color: #8DC640;}
li.group5{ color: #5DAECD;}
#magazine .page{
background: #FFF;
}
#btnPrev ,#btnNext{
border:1px solid #333; padding:1em;
float: left; cursor: pointer;
}
#vertical_tabs{}
#vertical_tabs #buttons{
margin:0 0 0 -2.2em;
list-style-type: none;
 padding:0;
}
#vertical_tabs #buttons li{
padding:1em; cursor: pointer; margin-top:5px;
color:#FFF;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#vertical_tabs #buttons li.naranja{background: #e8ae11}
#vertical_tabs #pages.naranja{border-right: 5px solid #e8ae11}
#vertical_tabs #buttons li.lima{background: #97de25}
#vertical_tabs #pages.lima{border-right: 5px solid #97de25}
#vertical_tabs #buttons li.amarillo{background: #e8d111}
#vertical_tabs #pages.amarillo{border-right: 5px solid #e8d111}
#vertical_tabs #buttons li.rojo{background: #ce1426}
#vertical_tabs #pages.rojo{border-right: 5px solid #ce1426}
#vertical_tabs #buttons li.azul{background: #2696d0}
#vertical_tabs #pages.azul{border-right: 5px solid #2696d0}

#vertical_tabs #pages{
	background: #DDD url(../images/bgNotepad.jpg) top left repeat-y;
	padding:1em 3em 1em 7em;
}
#vertical_tabs .page{
display: none;
}
/* OTRO ESTILO PARA LOS TABS VERTICALES */
#vertical_tabs_b #buttons{
margin:0 0 0 -2.2em;
list-style-type: none;
 padding:0;
}
#vertical_tabs_b #buttons li{
padding:1em; cursor: pointer; margin-top:5px;
border:2px solid #8DC63E;
background-color: #8DC63E;
color: white;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#vertical_tabs_b #buttons li.selected{
background:white; color:#8DC63E; font-weight: bolder;
}
#vertical_tabs_b #pages{
background: #FFF; border:2px solid #8DC63E;
padding:1em 3em 1em 7em;
background-color: white;
border-radius: 5px;
box-shadow: 0px 3px 1px #858585;
}
#vertical_tabs_b .page{
display: none;
}
/* vertical tabs estilo tabla */

#vertical_tabs_table{
border:2px solid #DDD;
margin:0 1em;
border-radius: 1em;
}

#vertical_tabs_table #buttons{
list-style-type: none; padding:0;
margin-left: -1em;
}
#vertical_tabs_table #buttons li{
padding:1em; cursor: pointer;
background: transparent url(../../modulo-tematico/assets/images/pad_selector.jpg) top right no-repeat;
}
#vertical_tabs_table #buttons li:not(:last-child){
border-bottom:1px solid #DDD;
}
#vertical_tabs_table #buttons li.selected{
background:white; color:#8DC63E;
background: transparent url(../../modulo-tematico/assets/images/pad_selector.jpg) right -400px  no-repeat;
}

#vertical_tabs_table #pages{

padding:3em 1em; margin-left:-2em;
}
#vertical_tabs_table .page{
display: none;
}
@media print {
	body{
		font-size: 12pt;
	}
	#header, .nav-tabs, .clearheader, #bxNavBottom, .btnDownload, .btnPrint{ display: none;}
	.tab-pane {
    display: block !important;
	}
	ul{
		list-style-type: circle !important
	}
	.paddme40{margin:0;}
	@page {
		margin: 0.5cm !important
	}
}


#video_canvas{
background: #def1ff url(../images/icn_cine_small.png) 1em 2em no-repeat;
border-radius: 1em; padding-left:4em; padding-top:2em;
width:100%;
}
#video_canvas p{
margin-top:.5em;
}
.bx_video_canvas{
margin-left:-40px;
padding:2em;
}
.video_169{
width:628px;
height: 355px; display: block;
}
.modal-custom{
	width: 750px !important;
    margin-left: -375px;
}

.bx_materiales_canvas{
background: #FFF;
border:1px solid #DDD;
margin-left:-15px;
padding:3em;
}

.bx_materiales_canvas .title{
	margin-top: -20px;
}

.bx_actividades_canvas{
background: #FFF;
border:1px solid #DDD;
margin-left:-15px;
margin-top: 30px;
padding:3em;
}

.bx_actividades_canvas .title{
	margin-top: -20px;
}

#nav_floating #btn_prev,
#nav_floating #btn_next{
	font-size:3em; background:#8DC63E;
	border-radius: 50%; width:1.5em; height:1.5em;
	text-align: center; line-height: 1.4em;
	transition:background 1s;
}
#nav_floating #btn_prev:hover,
#nav_floating #btn_next:hover{
	background:#FFF;
	border:1px solid #8DC63E;
	transition:background 1s;
}
#nav_floating a{
	display: block;
	color:#FFF;

}
#nav_floating a:hover{
	display: block;
	color:#8DC63E;

}
#btn_prev{
position: fixed; top:50%; left:1em;
}
#btn_next{
position: fixed; top:50%; right:1em;
}

#lista-requisitos em{
display: block; border:1px solid #EEE; margin:.5em; padding:.5em;
}



#herremientas_iframe{
width:100%; height: 400px;
}
.bx_moodle{
width:100%; height: 400px;
border:1px dashed #DDD;
background: #FFF url(../images/moodle1.jpeg) center center no-repeat;
}
#nav-herramientas{
list-style-type: none; padding:0; margin:-10px 0 0 0;
display: block; width: 100%; min-height: 33px;
border:1px solid #E7E7EB;
background-color:#f8f8f8;
}
#nav-herramientas li{
float: left; padding:.4em 1em; display: block;
}
#nav-herramientas li a{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	color:#777; display: block;
}
#nav-herramientas li a:hover{
	text-decoration: none;
	color:#333;
}
#nav-herramientas li.active{
background-color: #e7e7e7 !important;
text-decoration: none;
}
#nav-herramientas li.active a{
color:#000;
}
#nav-herramientas li a:focus{text-decoration: none;}
#icon-modal{
height:32px; width:28px; float: left; position:relative; top:-8px;
}
.modal-header h4.modal-title{color:#5daebc !important}
body.framed_page{
background:#FFF !important;
}
@media screen and (min-width: 768px) {
	#herramientas .modal-dialog,
	#herramientas-materiales .modal-dialog{width:1140px;}
}
/* IPADS */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

}
/* BIG SCREENS */
@media only screen and (min-width: 1026px) {

}