body {
		 
		width: 100%;

}
.btn__submit {
  height: 2.5rem;
  border: none;
  background-color: #31B1E5;
  color: white;
  padding: .5px;
  margin: .5rem 0 .3rem;
}

header{
border:solid 2px white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 1000px;
background-color: white;

}
h2{
background: gray;
font-family: sans-serif;
font-weight: bold;
font-size: 30px;
width: 600px;
color:white;
border:solid 2px #a33d06;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: -2px 7px 19px #000000;
-webkit-box-shadow: -2px 7px 19px #000000;
box-shadow: -2px 7px 19px #000000;

}

h3{
	

    border-radius: 5px;

    color: green;


    font-family: arial;

    font-size: 20px;

 

    text-shadow: 1px 1px 1px #CCCCCC;

    width: 400px;
    text-align: center;
    
    background-color: white;


   
-moz-box-shadow: -2px 7px 19px #000000;
-webkit-box-shadow: -2px 7px 19px #000000;
box-shadow: -2px 7px 19px #000000;


}
 h5{

  font-size: 20px;
  
  font-family: sans-serif ;
  font: oblique bold 160% cursive; 
  color:#063d57;

 }
 h6{

  font-size: 20px;
  
  font-family: sans-serif ;
  font: oblique bold 160% cursive; 
  color:#bd0000;
  width: 150px;
  border:solid 5px #bd0000;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
text-shadow:0px 0px 3px red;

 }
 #slider123 h1{


font-size: 20px;
  
  font-family: sans-serif ;
  font: oblique bold 160% cursive; 
  color:green;
  width: 150px;
  border:solid 5px green;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
text-shadow:0px 0px 3px green;
 } 

#principal
{

  border:solid 2px #b00303;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 1000px;
height: auto;
background-color: #EEE;
margin-top: 50px;




}


#slider123
{

  border:solid 2px #b00303;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 1000px;
height: auto;
background-color: #EEE;
margin-top: 150px;
position: inherit;

font-size: 20px;
font-family: cursive; 
font-weight:bold; 





}


#errorlogin
{

 border:solid 5px #000000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
width: 500px;
height: auto;
background-color: #EEE;

margin-top: 30px;
margin-bottom: 30px;
position: inherit;






}


ul#tabPanes 
{
    
    margin-left:52px;
    position:relative;
    width:227px;
    overflow: hidden;
    clear:both;
    font-family:Arial;
    list-style-type: none;
    margin-top:-0px;
  
    position:absolute;
  
  
    
}

.subtitle{

color:white;
font-weight:bold;
font-family:Arial;
letter-spacing:-2px;
font-size:25px;

}

input[type=text] { width: 200px; font-weight: bold;}
input[type=password] { width: 200px; font-weight: bold;}

ul#tabPanes li 
{
    width: 227px;
    
   
    
}

ul#tabPanes li#tab1,li#tab2,li#tab3,li#tab4 
{ 
    background: #C7C7C7;
    margin-top:-10px;
    height:227px;
    margin-left:-3px;
  display:none;
   text-decoration:none; color:#fff7ff;
   text-shadow:0px 0px 10px #000000;
   
        
     background-color:#C9AA7C; 
        
     -moz-border-radius-bottomright: 5px;
     -moz-border-radius-bottomleft: 5px;
     -webkit-border-bottom-right-radius:5px;
     -webkit-border-bottom-left-radius:5px;
     background-image:url('../img/8496_2.jpg');
   background-repeat:no-repeat;
   
   -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.6);
     -moz-box-shadow: 0px 3px 4px ;
     box-shadow: 0px 3px 4px ; 
    
}


#tabMenu { 
clear:both; 
list-style-type:none;

}
#tabMenu li { 
    float:left;
    line-height:42px;
    padding-left:10px;
    padding-right:10px;
    
    
    
    
}

#tabContainer
{
 margin:0 auto;
 width:570px;

}


#tabMenu li a { 
    text-decoration:none; color:#fff7ff;
   text-shadow:-1px 0px 5px #000000;
    
    
}
#tabs {

    
width:604px;
height:47px;
    
background-image:url('../img/wooden8.png');
    
-webkit-box-shadow: 0px 5px 6px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 5px 6px ;
box-shadow: 0px 5px 6px ; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 

font-family:Arial;
font-size:14px;
margin:0 auto;



}

.activeTab {
background-color:#C9AA7C; 
text-shadow: #ffffff 0px 1px 0px;   
background-image:url('../img/8496_2.jpg');
}

.mucho{

  color: white;
  
}



.formcontainer { margin-left:10px}

.text label {
    display:block;
    color: white;
}


.edges { background-color:transparent;}
#edgesline { margin:0 auto; width:600px; height:10px;}


#bluebutton button 
{ background: none repeat scroll 0% 0% rgb(65, 98, 168); 
    border: 1px solid rgb(25, 37, 63); 
    -moz-border-radius: 5px 5px 5px 5px; 
    -moz-box-shadow: 0pt 1px 10px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 6px 0px rgb(31, 48, 83), 0pt 8px 4px 1px rgb(17, 17, 17); color: rgb(255, 255, 255); 
    
    -webkit-border-radius: 5px 5px 5px 5px; 
    -webkit-box-shadow: 0pt 1px 10px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 6px 0px rgb(31, 48, 83), 0pt 8px 4px 1px rgb(17, 17, 17); color: rgb(255, 255, 255); 
    
    font-family: Arial; font-size: 20px; font-weight: bold; line-height: 1; margin-bottom: 10px; padding:3px 7px 7px; text-align: center; text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8); width: 123px; }

#bluebutton button:hover { -moz-box-shadow: 0pt 1px 10px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 3px 0px rgb(31, 48, 83), 0pt 3px 4px 1px rgb(17, 17, 17); margin-bottom: 6px; margin-top: 14px; -webkit-box-shadow: 0pt 1px 10px 1px rgb(92, 139, 238) inset, 0px 1px 0pt rgb(29, 44, 77), 0pt 3px 0px rgb(31, 48, 83), 0pt 3px 4px 1px rgb(17, 17, 17);}

#bluebutton button { margin-top: 10px; }

p { padding:3px}

#board { margin-top:10px;}

#menuTooltip{
  width: 160px;
  min-height:90px;
  position: absolute; display: none;
  text-align:center;
  font-family:Arial;
  font-size:12px;
  background-image:url('../img/tooltip_ao.png');
  background-repeat:no-repeat;
}

#menuTooltip p {
  width:145px;
  margin:5px;
  height:60px;
  margin-top:10px;
  
}

.footerlink {

color:#ccc;
font-size:12px;
font-family:Arial;
text-transform: none;
text-decoration: none;

}








/*    MENU DEL USUARIO   */

.menu,
.menu ul,
.menu li,
.menu a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    position: relative;

}
 
.menu {
    height: 40px;
    width: auto;
 
    background: #4c4e5a;
    background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
    background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;



    -moz-box-shadow: 1px 1px 15px #faf7fa;
-webkit-box-shadow: 1px 1px 15px #faf7fa;
box-shadow: 1px 1px 15px #faf7fa;


}
 
.menu li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    height: 40px;
}
/*--------------------------------------------------------------------*/
.menu li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;
    text-decoration: none;
 
    border-left: 1px solid #393942;
    border-right: 1px solid #4f5058;
 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
 
    color: #f3f3f3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.6);
 
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
 
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }
 
.menu li:hover > a { color: #e02121; }
/*--------------------------------------------------------------------*/
.menu ul {
    position: absolute;
    top: 40px;
    left: 0;
 
    opacity: 0;
    background: #1f2024;
 
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
 
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;


    -moz-box-shadow: 4px 5px 10px #807980;
    -webkit-box-shadow: 4px 5px 10px #807980;
    box-shadow: 4px 5px 10px #807980;
}
 
.menu li:hover > ul { opacity: 1; }
 
.menu ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
 
.menu li:hover > ul li {
    height: auto;
    overflow: visible;
    padding: 0;
}
/*--------------------------------------------------------------------*/
.menu ul li a {
    width: 180px;
    padding: 4px 0 4px 40px;
    margin: 0;
 
    border: none;
    border-bottom: 1px solid #353539;
}
 
.menu ul li:last-child a { border: none; }
/*--------------------------------------------------------------------*/
.menu a.documents { background: url('../img/trans.png') no-repeat 6px center; }
.menu a.messages { background: url('../img/bubble.png') no-repeat 6px center; }
.menu a.signout { background: url('../img/enviar1.png') no-repeat 6px center; }
.menu a.resultado { background: url('../img/resultado.png') no-repeat 6px center; }







#m_alumno {



position: fixed;

}



.button {
    display: inline-block;
    background: #393939;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#2a2a2a));
    background: -moz-linear-gradient(center top, #565656 0%, #2a2a2a 100%);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 15px;
    display: inline-block;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    font-family: Arial;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 30px;
    text-decoration:none;

}
.button:hover {
    background: #486816;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d921f), color-stop(100%,#335111));
    background: -moz-linear-gradient(center top, #6d921f 0%, #335111 100%);
}







/*--- estilos para los formularios formulario ---*/

#menuListon:after, #menuListon:before {
content: '';
position: absolute;

}
#menuListon {
height:25px; /* Alto del menú */
text-align: center;
position: relative;
margin: 50px -30px 5px -30px;
padding: 10px 0; 
background: url(../img/liston.png) repeat; /* Color del listón */

-moz-box-shadow: 0 2px 0 #bbb;
-webkit-box-shadow: 0 2px #bbb;
font-family: global;

}

#menuListon:before, #menuListon:after {
border-style: solid;
border-color: transparent;
bottom: -10px;
}

#menuListon:before {
border-width: 0 25px 10px 0;
border-right-color: #041852; /* Color de la sombra del doblez */
left: 0;
}

#menuListon:after {
border-width: 0 0 10px 25px;
border-left-color: #041852; /* Color de la sombra del doblez */
right: 0;
} 




.contact_form{

width: 800px;
background: #3c3d42;
  margin-top: 20px;
  margin-bottom: 40px;

color: #fff;
background: #2d2d2d;
background: url(../img/bg.png) repeat;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
    



}


.contact_form ul {
    width:auto;
    list-style-type:none;
  margin:0px;
  padding:0px;

}
.contact_form li{
  padding: 5px;
border-bottom: 1px solid #eee;
position: relative;
height: 90px;
 
} 
.contact_form label {

text-shadow: 0px 2px 3px black;
float: left;
font-family: global;
font-size: 23px;
margin-top: 10px;
margin-left: 20px;
width: 170px;


}
.contact_form input {
height: 40px;
width: 400px;
padding: 10px;
text-align: center;
font-family: tabla;
border: 1px solid black;
border-radius: 30px;
color: black;
font-size: 14px;
outline: none;
margin-top: 10px;
font-size:  20px;
  

}
.contact_form textarea {
  padding:8px;
   resize: none;
   height: 60px;
   font-family: sans-serif;
    outline: none;
    font-size: 14px;
    font-weight: bold;
}
.contact_form button {
  margin-left:90px;
}

 .ashu span  {
  height:25px; 
  width:100px; 
  padding:5px 8px;


}


/*----- estilos visuales de los elementos --------*/


.contact_form input:focus{
  background:  #d6d6d6; 
  border:2px solid #0d62a3; 
   
  -moz-box-shadow: 0px 0px 20px #2baaff;
-webkit-box-shadow: 0px 0px 20px #2baaff;
box-shadow: 0px 0px 20px #2baaff;
}

/* === Estilos de Validacion === */ 


.contact_form input:invalid, .contact_form textarea:focus:invalid {
  box-shadow: 0 0 10px red;
  border-color: red;
}

/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 17px;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #444;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
  opacity:.55;
  cursor: pointer; 
  color: #fff;
}
button.submit:active {
  border: 1px solid #222;
  box-shadow: 0 0 10px 5px #444 inset; 
}

.con_estilos {
 margin-top: 20px;
width: auto;
padding: 10px;
font-size: 16px;
font-weight: bold;
border: 1px solid #ccc;
height: 40px;
overflow: hidden;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 7px 8px 5px #3d3d3d;
-webkit-box-shadow: 7px 8px 5px #3d3d3d;
box-shadow: 7px 8px 5px #3d3d3d;
}

.contact_form .custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
    text-align: center;
    font-family: verdana;
    font-size: 12pt;
    width: 200px;
    min-height: 40px;
    margin-top: 50px;
}
.contact_form .custom-input-file:hover {
    background-color: #000;
    color: #fff;
}
.contact_form .custom-input-file .input-file {
    margin: 0;
    padding: 0;outline:0;
    font-size: 10000px;
    border: 10000px solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
}
.contact_form .custom-input-file .archivo {
    background-color: #000;
    color: #fff;
    font-size: 7pt;
    overflow: hidden;
}
.contact_form .custom-input-file:hover .archivo {
    background-color: #fff;
    color: #000;   
}


/*    ESTILOS PARA EL ESTATUS   */



#status{


margin-top: 30px;

margin-bottom: 50px;


}
.cuadrosnormales10{
  width: 150px;
height: 150px;
font-family: contenido;
font-size: 18px;
font-weight: normal;
text-align: center;
font-weight: bold;
margin-bottom: 50px;


border:solid 1px #086fa6;


}

.incompleto{
height: 30px;
width: 30px;

margin-left: 85px;
margin-top: 10px;



}

.completo{
height: 30px;
width: 30px;

margin-left: 85px;
margin-top: 10px;

-moz-box-shadow: 0px 0px 12px green;
-webkit-box-shadow: 0px 0px 12px green;
box-shadow: 0px 0px 12px green;


}





.enc{

  width: 200px;
  height: 50px;
  padding-top: 3px;
  font-size: 18px;
font-weight: bold;
background-color: #086fa6;
font-family: tabla;
color: white;
word-wrap:break-word;

word-wrap:break-word;

}
@font-face { font-family: tabla; src: 
             url(../letras/Comfortaa_Regular.ttf); }
@font-face { font-family: miletra; src: 
             url(../letras/Exo-ExtraLight.otf); }
             @font-face { font-family: global; src: 
             url(../letras/PTN57F.ttf); }


             /*    ESTILOS PARA EL ENVIO DEL CORREO DEL USUARIO Y CONTRASEÑA */



 .formulario label {
    display:block;
    margin-top:20px;
    letter-spacing:1px;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}
.formulario {
    display:block;
    margin:0 auto;
    width:510px;
    color: #666666;
    font-family:Arial;
    margin-bottom: 20px;
}
.formulario form {
    margin:0 auto;
    width:400px;
}
 
.formulario input, textarea {
    width:380px;
    height:27px;
    background:#666666;
    border:2px solid #f6f6f6;
    padding:10px;
    margin-top:5px;
    font-size:20px;
    color:#ffffff;
    font-weight: bold;
    font-family: arial;
    margin-bottom: 20px;
}
 
#submit {
    display: inline-block;
    background: #e4e4e4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#d7d7d7));
    background: -moz-linear-gradient(center top, #f6f6f6 0%, #d7d7d7 100%);
    -webkit-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    -moz-box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    box-shadow: -1px 1px 0px 0px #dfdcdc inset, 1px -1px 0px 0px #bfbfbf inset;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 10px;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    line-height: 30px;
    color: #595959;
  
    width: 100px;
    height: 50px;

}
#submit:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #a8a8a8 inset, 1px 1px 4px 0px #bababa;
    -moz-box-shadow: 0px 0px 0px 1px #a8a8a8 inset, 1px 1px 4px 0px #bababa;
    box-shadow: 0px 0px 0px 1px #a8a8a8 inset, 1px 1px 4px 0px #bababa;
    color: #424242;
      font-weight: bold;
      font-size: 20px;
}
#submit:active {
    background: #e6e6e6;
    -webkit-box-shadow: 0px 1px 5px 0px #808080 inset;
    -moz-box-shadow: 0px 1px 5px 0px #808080 inset;
    box-shadow: 0px 1px 5px 0px #808080 inset;
}  




.regresar {
    display: inline-block;
    background: #ffc835;
    -webkit-box-shadow: 0px 1px 0px 0px #ffd564 inset, 0px 0px 0px 4px #e6e6e6;
    -moz-box-shadow: 0px 1px 0px 0px #ffd564 inset, 0px 0px 0px 4px #e6e6e6;
    box-shadow: 0px 1px 0px 0px #ffd564 inset, 0px 0px 0px 4px #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-shadow: 0px 1px 0px #ffe6a5;
    padding: 6px 30px;
    border-color: #ebae3e;
    border-width: 1px;
    border-style: solid
    font-family: Arial, Helvetica, Sans-serfi;
    font-size: 14px;
    color: #4f2f2f;
    font-weight: bold;
    text-decoration: none;
}
.regresar:hover {
    background: #ffd200;
    -webkit-box-shadow: 0px 1px 0px 0px #ffe04f inset, 0px 0px 0px 4px #ffed99;
    -moz-box-shadow: 0px 1px 0px 0px #ffe04f inset, 0px 0px 0px 4px #ffed99;
    box-shadow: 0px 1px 0px 0px #ffe04f inset, 0px 0px 0px 4px #ffed99;
    border-color: #ffc835;
}


.cuadrito{
 margin-left: 75px;
  width: 50px;
  height: 50px;
  border:solid 0px #000000;
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
font-family: contenido;

}

.status1{

  width: 200px;
  height: 60px;
  padding-top: 3px;
  font-size: 18px;
font-weight: bold;
background-color: #086fa6;
font-family: tabla;
color: white;
text-align: center;
word-wrap:break-word;
padding-left:10px;
padding-right: 10px;
margin-right: -1px;


}


.fff{

width: 150px;
height: 150px;
padding-top: 3px;
font-size: 18px;
font-weight: bold;
background-color: #086fa6;
font-family: tabla;
color: white;
text-align: center;
word-wrap:break-word;
padding-left:10px;
padding-right: 10px;
margin-right: -1px;


}
.aviso{
	width: 500px;
 display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#599Bdc), color-stop(100%,#3072B3));
    background: -moz-linear-gradient(center top, #599Bdc 0%, #3072B3 100%);
    -webkit-box-shadow: 0px 1px 0px 0px #7dc0ff inset, 0px -1px 0px 0px #1a3d5e inset, 0px 2px 2px 0px #d4d4d4;
    -moz-box-shadow: 0px 1px 0px 0px #7dc0ff inset, 0px -1px 0px 0px #1a3d5e inset, 0px 2px 2px 0px #d4d4d4;
    box-shadow: 0px 1px 0px 0px #7dc0ff inset, 0px -1px 0px 0px #1a3d5e inset, 0px 2px 2px 0px #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px 0px #424242;
    padding: 10px 20px;
    display: block;
    border-color: #295c8c;
    border-width: 1px;
    border-style: solid;
    font-family: helvetica;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0px 1px 10px rgba(0,0,0,1);


}

.contenedor_msj{


width: 800px;
height: auto;



}

  .globo
      {
        
        
    
         padding: 1em;
         position: relative;
         text-align: center;
         width: 400px;
         height: 200px;
         margin-bottom: 40px;
    


    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bdc22), color-stop(100%,#57ad1a));
    background: -moz-linear-gradient(center top, #6bdc22 0%, #57ad1a 100%);
    -webkit-box-shadow: 0px 5px 0px 0px #a0ec6a inset, 0px 1px 2px 0px #d5d5d5;
    -moz-box-shadow: 0px 5px 0px 0px #a0ec6a inset, 0px 1px 2px 0px #d5d5d5;
    box-shadow: 0px 5px 0px 0px #a0ec6a inset, 0px 1px 2px 0px #d5d5d5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 20px;
    text-shadow: 0px -1px 0px #4d9a16;
    padding: 10px 20px;
    border-color: #55a819;
    border-width: 1px;
    border-style: solid;
    text-transform: uppercase;
    font-family: Helvetica;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
     word-wrap: break-word;

      }

.fecha1{
  position: relative;
  color: #aba4ab;
font-family: miletra;
text-decoration: none;
font-size:20px;
font-weight: bold;
}

#noticias{

  border: 1px solid black;
  height: 500px;
  width: 700px;
  margin-top: 100px;
  margin-bottom: 100px;
  background:   #EEE;
  color: white;
    background: transparent url(../img/77093.jpg) repeat scroll left top;
 

 border:solid 2px #b0001d;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
font-size: 14px;


}

.titulo{
     background-color: rgba(143,143,143,1);
   background-image: -webkit-linear-gradient(top, rgba(135,158,81,1) 0%,rgba(154,179,95,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(135,158,81,1) 0%,rgba(154,179,95,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(135,158,81,1) 0%,rgba(154,179,95,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(135,158,81,1) 0%,rgba(154,179,95,1) 100%);
   background-image:         linear-gradient(top, rgba(135,158,81,1) 0%,rgba(154,179,95,1) 100%);
   -webkit-box-shadow: 0px 3px 0px 0px rgba(127,150,82,1);
      -moz-box-shadow: 0px 3px 0px 0px rgba(127,150,82,1);
           box-shadow: 0px 3px 0px 0px rgba(127,150,82,1);
   -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
           border-radius: 4px;
   width: 300px;
   height: auto;
   padding: 7px;
   display: block;
   font-size: 14px;
   font-family: helvetica;
   line-height: 23px;
   text-align: center;
   color: rgba(255,255,255,1);
   font-weight: bold; 
   margin-left: 40%;






 }

.fecha{

position: absolute;
 display: inline-block;
    background: #f5513c;
    -webkit-box-shadow: 0px 1px 0px 0px #ff8272 inset, 0px 0px 0px 4px #e6e6e6;
    -moz-box-shadow: 0px 1px 0px 0px #ff8272 inset, 0px 0px 0px 4px #e6e6e6;
    box-shadow: 0px 1px 0px 0px #ff8272 inset, 0px 0px 0px 4px #e6e6e6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0s 0;
    -moz-transition: all 0s 0;
    -o-transition: all 0s 0;
    transition: all 0s 0;
    text-shadow: 0px 1px 1px #9c3528;
    padding: 6px 30px;
    border-color: #ec513c;
    border-width: 1px;
    border-style: solid;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    margin-top: 50px;




}




  div#slideShowItems{
      height:400px;
     margin-top: 40px;
    overflow:hidden;
    position:relative;
  }
  
  div#slideShowItems div{
    width:626px;
  }
  
  
  div#slideShowItems img {
    margin-right:13px;
    float:left;
    
  border:solid 2px #b00303;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;


  }
  
  ul#slideShowCount{
    margin:0px;
    padding:0px;
    width:626px;
  }
  ul#slideShowCount li.slide{
    line-height:14px;
    float:right;
    cursor:pointer;
    width:26px;
    height:18px;
    display:block;
    background: transparent url(../img/tabs.jpg) no-repeat scroll left top;
  }
  
  ul#slideShowCount li.slide span{
    padding-left:10px;
    color:white;
    font-weight:bold;
    font-size:12px;

  }
  
  ul#slideShowCount li.slide:hover{
    background-position:left -18px;
  }
  
  ul#slideShowCount li.slide.selectedTab{
    background-position:left -18px;
  }
  div#slideShow{
    font-family: global;
    text-shadow:0px 1px 10px #616161;
    width:626px;
    text-align : justify;
  }