/* 
    Created on : 30/06/2014, 11:42:45 AM
    Author     : Sandra
*/

.ms-WPBody{font-family:Arial, Helvetica, sans-serif;}
.ms-hidden{display:none;}
a,a:active,a:link,a:visited,a:hover{text-decoration:none!important;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
}

body{
   background: #FFFFFF url(../images/background5.jpg) repeat-y;
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   background-size: cover !important;
   width: 100%;
   min-width: 600px;
   overflow-x: hidden;
   line-height: 1;
   min-height: 600px !important;
   max-height: 1600px !important;
}

#cabecera{
   width:100%;
}

#cabecera .menusup{
   width:100%; 
   background:#595c65;
}

#cabecera .banner{
   width:100%; 
   background: #6d1a42;
}

.menusup {
   width:100%; 
   margin:auto; 
   position:relative;
   overflow: hidden;
}

.menusup{
   height:15px; 
   background-color:#595c65;
}

.menusup ul,.banner .contbanner{
   width:100%;
   max-width:1200px; 
   min-width: 600px; 
   margin:auto; 
   position:relative;
   overflow: hidden;
}

.menusup ul{
   height:30px;
   font-size:11px;
}

.menusup ul li{
   float:right;
   height:100%;
   padding: 8px 0;
   box-sizing:border-box;
   border-top: 1px solid transparent;
   -moz-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;/* CSS3 */
   -webkit-transition: all 0.2s ease-in-out 0s; /* Safari and Chrome */
   -o-transition: all 0.2s ease-in-out 0s; /* Opera */
}

.menusup ul li:hover{
   border-top:1px solid #ff9933;
}

.menusup ul li a{
   width:100%; 
   height:100%; 
   color:white;
   padding: 8px;
   border-right: 1px solid #7d8089; 
   font-size:13px;
}

.menusup ul li a img{
   margin-top:-10px!important;
}

.banner .contbanner{
   height:100px;
}

.logo_IPN{
   background:url("../images/logo_IPN.png");
   float: left;
   width:43px;
   height:65px;
   margin-top: 16px;
}

.logo_IPN a{
   display: block;
   width: 43px;
   height: 65px;
}

.logo_CINAD{
   background:url("../images/logoCINAD.png");  
   float: right; 
   width: 103px; 
   height: 65px; 
   margin-top: 18px; 
}

.logo_CINAD a{
   display: block;
   width: 103px; 
   height: 65px; 
}

#logoCENAC{
   width: 70px;
   height: 74px;
   background-image: url(../images/logocenac.png);
   background-repeat: no-repeat;
   float: right;
   cursor:pointer;
   margin-top: -4px;
   opacity: 0.8;
}

#logoCENAC a{
   display: block;
   width: 70px;
   height: 74px;
   cursor:pointer;
}
#logoSGE{
   width: 154px;
   height: 75px;
   background-image: url(../images/SGE.png);
   background-repeat: no-repeat;
   float: left;
   cursor:pointer;
   margin-top: 0px;
}

#logoSGE a{
   display: block;
   width: 154px;
   height: 65px;
   cursor:pointer;
}

.banner .contbanner .logoipn{
   height:100%; 
   position:relative;
   float: left;
}

.banner .contbanner .logocinad{
   height:100%; 
   position:relative;
   float: right;
}

.banner .contbanner .logoipn img{
   position:absolute; 
   right:0px; 
   top:20px;
}

.banner .contbanner .logocinad img{
   position:absolute; 
   right:0px; 
   top:20px;
}

.banner .contbanner .logoipn > span{
   position: absolute; 
   text-align: left;
   top: 37px; 
   width: 350px; 
   margin-left: 15px;
}

.banner .contbanner .logocinad > span{
   text-align: right;
   top: 37px; 
   width: 310px; 
}

.banner .contbanner .logoipn span span{
   clear:both; 
   display:block;
   color: white;
}

.banner .contbanner .logocinad span span{
   display:block;
   color: white;
}

.banner .contbanner .logoipn span a{
   color: white;
   display: block;
   font-size: 15px;
}

.banner .contbanner .logocinad span a{
   color: white;
   display: block;
   font-size: 15px;
   margin-top: 37px;
   width: 700px;
}

.banner .contbanner .logocinad span a:visited{
   text-decoration:none!important; 
   color: #ffffff;
}

/*.banner .contbanner .logocinad{
    height:100%; 
    position:relative;
}*/
a,a:active,a:link,a:visited,a:hover{
   text-decoration:none!important; 
   color:#000000;
}

#menu-horizontal{
   display: table;
   width: 100%;
   max-width: 1800px;
   min-height: 100%;
   height: 30px !important;
   margin: auto;
   border-bottom: 1px solid gainsboro;
}

#menu-horizontal ul {
   width: auto;
   height: 100%;
   margin: auto;
   list-style: none;
}

#menu-horizontal ul li{
   float: left;
   position: relative;
   margin: 0 1px;
   border-bottom: 2px solid transparent;
}

#menu-horizontal ul li a{
   color: #1a1f25;
   display: block;
   padding-left: 15px!important;
   padding-right: 15px!important;
   padding-top: 10px!important;
   padding-bottom: 10px!important;
   height: auto!important;
}

#site_content{
   clear: both;
   display: block;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 50px;
   position: relative;
   /*margin-top: -14px;*/
}

#pizarra{
   margin-top: -2px;
}

#anotaciones{

   position: relative;
   margin: auto auto !important;
   /*margin-right: 100px;*/
   background:#FFFFFF;
   color:#000000;
   width:1195px;
   height: 70px;
}

#btn_guardarNota{
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 15px;
}

#pie
{
   width: 100%;
   height: 20%;/* auto;*/
   background: #dddde2;
   display: block;
   /*display: table;*/
   position: absolute;/*relative;*/
   padding-bottom: 17px;
   box-shadow: 0px 3px 7px rgba(0,0,0,0.4) inset;
   font-family: "Arial"; 
   font-size: 15px;
   padding-top:20px;
   clear: both;
   float: left;
}

#pie #contenido
{
   max-width: 1200px;
   min-width: 600px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
   text-align:center;
}

#contenido a
{
   color: #6d1a42;
   font-weight:bold;
   text-decoration: none;
   font-size: 14px;
}

#contenido a:hover
{
   text-shadow: -1px 1px 3px #999; 
}

#contenido p
{
   font-size: 12px;
   color:#666;
   text-align:center;
   line-height: 1.5em;
}

span.btn{
   padding:10px;
   display:inline-block;
   cursor:pointer;
   font:12px/14px Arial, Helvetica, sans-serif;
   color:#aaa;
   background-color:#eee;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   -moz-box-shadow:#999 2px 0px 3px;
   -webkit-box-shadow:#999 2px 0px 3px;
}

span.btn:hover{
   background-color:#000;
}

input{
   padding: 6px 15px 6px 15px;
/*   background-color: #575c66;*/
   color:#ffffff;
   border:none;
   -moz-box-shadow:#999 2px 0px 3px;
   -webkit-box-shadow:#999 2px 0px 3px;
}

/*custom style for extruder*/
.extruder.left.a .flap{
   font-size:18px;
   font-family: Arial, Helvetica, sans-serif;
   color:white;
   top:0;
   padding:10px 0 10px 10px;
   background:#575c66;
   width:30px;
   position:absolute;
   right:0;
   margin-top: 14px;
   -moz-border-radius:0 10px 10px 0;
   -webkit-border-top-right-radius:10px;
   -webkit-border-bottom-right-radius:10px;
   -moz-box-shadow:#666 2px 0px 3px;
   -webkit-box-shadow:#666 2px 0px 3px;
}

.extruder.right.a .flap{
   font-size:18px;
   font-family:Arial, Helvetica, sans-serif;
   color:white;
   top:0;
   padding:10px 0 10px 10px;
   background:#575c66;
   width:30px;
   max-width: 124px;
   position:absolute;
   right:0;
   /*    margin-top: 14px;*/
   -moz-border-radius:0 10px 10px 0;
   -webkit-border-top-left-radius:10px;
   -webkit-border-bottom-left-radius:10px;
   -moz-box-shadow:#666 -2px 0px 3px;
   -webkit-box-shadow:#666 -2px 0px 3px;
}

.extruder.left.a .content{
   /*    border-right:3px solid #575c66;*/
   background:rgba(255,255,255,.95);

}

.extruder.top .optionsPanel .panelVoice a:hover{
   color:#fff;
   background: url("elements/black_op_30.png");
   border-bottom:1px solid #000;
}

.extruder.top .optionsPanel .panelVoice a{
   border-bottom:1px solid #000;
}

.extruder.left.a .flap .flapLabel{
   background-repeat: no-repeat;
}

.extruder.left.a .flap {
   background-image: url("../images/doc.png");
   background-repeat: no-repeat;
   z-index: 100;
}

.extruder.right.a .flap {
   background-image: url("../images/doc1.png");
   background-repeat: no-repeat;
   z-index: 100;
}

#mb_background{
   width:100%; 
   max-width: 1100px;
   margin-left:200px;
   margin-right:auto;    
}

.col-xs-8{
   height: inherit;
   min-height: 650px;
   max-height: 2500px;
   /*margin-top: 14px;*/
   max-width: 1200px;
   margin-left: auto;
   margin-right: auto;
   background-color: rgba(224, 224, 224, 0.7);
   border-radius: 3px;
}