/* 
    Document   : style
    Created on : Dec 6, 2012, 10:10:54 PM
    Author     : richlona
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body {
    width: 960px;
    margin: 0 auto;
    background-color: #fafafa;
   
}

/*#header 
{
    clear: both; 
    background-image:url('/css/images/header-cenam.png') ;
  
   
    
    background-color: #fafafa; 
    padding: 12px 0 16px 4px;
    
  
  
   position:absolute;
   
   width:960px;
  
 
}*/

#shadow-up, #shadow-down 
{
   
    width:960px;
    height: 17px;   
  
    
}

#shadow-up 
{
     
    background: url('/css/images/shadow_up.png') no-repeat;
    float:left; 
}

#shadow-down {
    margin-top: 2px;
    background: url('/css/images/shadow_down.png') no-repeat;
}

.nav {
     clear: both; 
    background: #fafafa; /* Old browsers */
    background: -moz-linear-gradient(left,  #fafafa 0%, #eaeaea 14%, #eaeaea 86%, #fafafa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafafa), color-stop(14%,#eaeaea), color-stop(86%,#eaeaea), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #fafafa 0%,#eaeaea 14%,#eaeaea 86%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #fafafa 0%,#eaeaea 14%,#eaeaea 86%,#fafafa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #fafafa 0%,#eaeaea 14%,#eaeaea 86%,#fafafa 100%); /* IE10+ */
    background: linear-gradient(to right,  #fafafa 0%,#eaeaea 14%,#eaeaea 86%,#fafafa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */

font-family: 'trajan';
    color: #646463;
    margin: 0 auto;
    text-align: center;
    
   
}

.nav ul {
	overflow: hidden;
        margin: 0 auto;
        padding: 0;
        margin-left:20px; 
}

.nav li {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 10px 0.5em;
        text-align: center;
        font-size: 12px;
         float:left; 
}


.nav a {
	color: #666666;
	display: block;
	text-decoration: none;
        margin: 0;
        padding: 0;
}

.nav a:active, .nav a:visited {
	color: #666666;
}

.nav a:focus, .nav a:hover {
    color: #ba2025;
    /*
	background-color: #999999;
	color: #ffffff;
	outline: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
        */
}
.nav img
{
     margin-top:7px; 
    }

.no-borderradius .nav a:focus, .no-borderradius .nav a:hover {
	background-color: transparent;
	color: #444444;
	text-decoration: underline;
}



/************ Columnas ********************/

.infoColumns {
    width: 100%;
    display: inline-block;
  /*  background-color :Red;*/
}

.infoColumns .column {
    float: left;
    width: 31.3%;
    border: 1px solid #dedede;
    padding: 8px 4px;
    margin: 8px 10px 0 0;
    min-height: 310px;
    background-color: #fff;
}
.infoColumns .columns {
    float: left;
    width: 31.3%;
 /*   border: 1px solid #dedede;*/
    padding: 8px 4px;
    margin: 8px 4px 0 0;
    min-height: 310px;
    background-color: #fff;
}


.infoColumns .column:last-child{
    margin: 8px 0 0 0;
}

.infoColumns .column h2 {
    font-family: 'trajan';
    font-size: 18px;
    margin-left: 12px;
    color: #ba2025;
}
.infoColumns .columns h2 {
    font-family: 'trajan';
    font-size: 18px;
    margin-left: 10px;
    color: #ba2025;
}

.infoColumns .column ul {
 /*   padding: 0 14px;*/
   margin: 0 6px;
   padding: 0 ;
}

.infoColumns .column li {
    list-style: none;
    border-bottom: 1px solid #dedede;
    margin-bottom: 4px;
    padding-bottom: 4px;
    padding-left:0px;
    display: block; 
    
}

.infoColumns .column li a {
    text-decoration: none;
    color:#336699;
}

.infoColumns .column li a:hover {
    color: #ba2025;
}

.row {
    clear:both;
    margin-bottom: 4px;
}

.item {
    float: left;
    width: 48%;
    min-height: 120px;
    margin-right: 4px;
    overflow: hidden;
}


/******** Carrousel ***********/

.carrousel {
    clear: both;
    width: 100%;
    min-height: 200px;
    margin: 18px 0;
    border: 1px solid #ddd;
}



/********* Footer ***********/

.footerColumns {
    width: 100%;
    display: inline-block;
    margin-bottom: 8px;
    
}

.footerColumns .column {
    float: left;
    width:24%;
    margin: 8px 8px 0 0;
    font-size: 14px;
    min-height: 300px;
    color: #646463;
   
}

.footerColumns .column h2 {
    font-family: 'trajan';
    font-size: 15px;
    text-align: left;
    
}

.footerColumns .column:last-child {
    margin: 8px 0 0 0;
}

.footerColumns .column ul {
    margin-bottom: 22px;
    margin-left: 0;
    padding-left: 12px;
    width: 86%;
}

.footerColumns .column ul li {
    list-style: none;
    font-family: 'Times New Roman', serif;
    margin-bottom: 5px;
}

.footerColumns .column ul li a {
    text-decoration: none;
    color: #646463;
}

.footerColumns .column ul li a:hover {
    color: #ba2025;
}

#footer {
    clear:both; 
    margin-top: 12px;
}

.divBase {
    clear: both; 
    width: 100%; 
    border-top: 1px solid #dedede; 
    margin-bottom: 1px;
}

.infoBase {
    border-top: 1px solid #dedede; 
    border-bottom: 1px solid #dedede; 
    font-family: 'Trajan'; 
    font-size:14px; 
    color: #666666; 
    text-align: center; 
    padding: 14px 0px;
    margin-bottom: 1px;
}

.infoBase a {
    text-decoration: none; 
    color: #808080;
}

.social-search {
    clear:both; 
    margin-top: 40px; 
    margin-bottom: 0px;
}

#social {
    width:242px; 
    float: left; 
    height: 34px;
    margin-top: 0px;
    display: inline-block;
}

#social .fb {
    background: url('../images/fb.png') no-repeat;
    width: 31px;
    height: 31px;
    float: left;
    margin-right: 6px;
}

#social .fb:hover {
    background: url('../images/fb-over.png') no-repeat;
    width: 31px;
    height: 31px;
}

#social .tw {
    background: url('../images/tw.png') no-repeat;
    width: 31px;
    height: 31px;
    float: left;
}

#social .tw:hover {
    background: url('../images/tw-over.png') no-repeat;
    width: 31px;
    height: 31px;
}

.baseSearch {
    float:right; 
    background-color: #f1f1f1; 
    padding: 6px 8px; 
    box-shadow: inset 0px 2px 3px rgba(255,255,255,0.8), 1px 1px 3px rgba(245,245,245,0.2);
    margin-top: 20px;
}

.baseBrand {
    float:right; 
    padding: 6px 8px; 
    margin-bottom: 30px;
    box-shadow: inset 0px 2px 3px rgba(255,255,255,0.8), 1px 1px 3px rgba(245,245,245,0.2);
}

.coolLine {
    float: left; 
    border-top: 1px solid #dedede; 
    border-bottom: 1px solid #dedede; 
    width: 336px; 
    height:1px; 
    margin-top: 38px;
}

.baseBrand img {
    float:left; 
    margin: 0px 24px;
}

.infoDir {
    clear: both;
    margin: 32px auto 82px auto; 
    text-align: center; 
    font-family: 'Times New Roman', serif; 
    font-weight: lighter; font-size: 13px;
}

.infoDir p {
    color: #808080; 
    line-height: 5px;
}

.infoDir a {
    text-decoration: none; 
    color:#808080;
}

/******************* Interna **************************/


section {
    float:left;
    width: 67.2%;
    border-right: 1px solid #E0E0E0;
    margin-top: 18px;
    margin-bottom: 24px;
    padding-right: 32px;
}
.breadcrumb
{
  /*  margin:10px 0 27px;padding:9px 0 10px;line-height:0%;font-size:0;border:1px solid #efefef;font-size:0;*/
   font-family: 'Times New Roman', serif;
    font-size: 14px;
    color: #515151;
    }

.breadcrum span
{
    font-family: 'Times New Roman', serif;
    font-size: 38px;
    color: #515151;
}
.breadcrum a
{
    font-family: 'Times New Roman', serif;
    font-size: 55px;
    color: #515151;
}

header {
    clear: both;
}

header h1 {
    font-family: 'trajan';
    font-size: 1.4em;
    color: #ba2025;
    margin: 8px 0 18px 0;
    font-weight: lighter;
}

header .imgHolder {
    padding: 1px;
    margin-left: 1px;
    margin-bottom: 24px;
    height: 232px;
    background-color: white;
    
    box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
    -o-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
}

header .imgHolder img {
    margin:0;
    padding:0;
}

article 
{
    font-size: 14px;
     color: #515151;
}

article p {
    font-family: 'Times New Roman', serif;
   /* font-size: 14px;
    text-align: justify;*/
    line-height: 1.2;
    color: #515151;
}

aside {
    float: right;
    width: 26.5%;
}

.socialside {
    clear: both;
    width: 100%;
    margin: 24px 0 32px 0;
}

.socialside .fb {
    background: url('../images/fb.png') no-repeat;
    float: left;
    width: 31px;
    height: 31px;
    margin-right: 6px;
}

.socialside .fb {
    background: url('../images/fb.png') no-repeat;
    float: left;
    width: 31px;
    height: 31px;
    margin-right: 6px;
}

.socialside .fb:hover {
    cursor:pointer;
    background: url('../images/fb-over.png') no-repeat;
}

.socialside .tw {
    background: url('../images/tw.png') no-repeat;
    float: left;
    width: 31px;
    height: 31px;
}

.socialside .tw:hover {
    cursor:pointer;
    background: url('../images/tw-over.png') no-repeat;
}

.alist {
    width: 100%;
    padding: 1px;
    margin-bottom: 32px;
    background-color: white;
    
    box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
    -o-box-shadow: 1px 0px 4px rgba(0,0,0,0.6);
    float:left; 
    width:230px;
}

.alist .bk {
  background: rgb(247,247,247); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(247,247,247,1) 32%, rgba(219,219,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(32%,rgba(247,247,247,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(247,247,247,1) 32%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(247,247,247,1) 32%,rgba(219,219,219,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(247,247,247,1) 32%,rgba(219,219,219,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(247,247,247,1) 32%,rgba(219,219,219,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#dbdbdb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding: 6px;
}

.alist .bk fieldset {
    clear: both;
    padding: 3px;
    border: 1px solid #d3d3d3;
    
    
}

.alist .bk fieldset legend {
    text-align: center;
    font-family: 'Times New Roman',serif;
    color: #606060;
    font-size: 18px;
    padding: 0 2px;
}

.alist .bk fieldset ul {
    margin: 8px 0;
    padding: 0 6px 0 10px;
}

.alist .bk fieldset ul li {
    list-style: none;
    font-family: 'Times New Roman', serif;
    font-size: 14px;
    color: #606060;
    font-weight: lighter;
    line-height: 1;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #dbdbdb;
}

.alist .bk fieldset ul li a {
    text-decoration: none;
    color: #606060;
}

.alist .bk fieldset ul li a:hover {
    color: #ba2025;
}


/* @group Barra de Herraminetas */

#barra_herramientas 
{
    
	display: table;
	width: 100%;
	color: #414040;
	 
	margin-bottom: .3em;
}

#herramientas {
/*	float: left; */
float:right;  
	padding-right: 1%;
	text-align: right;
/*	width: 49%; */
	min-width: 325px;
	
}

#herramientas ul {
	text-align: right;
	background-color: transparent;
	font-size: 1em;
	padding: 0;
}

#herramientas li {
/*	display: inline-block;*/
	padding-left: 0;
	list-style-image: none;
	margin-left: 0;
	font-weight: normal;
	font-style: normal;
	/*float: right;*/
	float:left; 
	list-style-type :none;
}

#herramientas a {
	line-height: 1.5em;
	text-decoration: underline;
	font-size: .8em;
	color: #666;
	padding: .3em .4em;
}

#herramientas a:hover {
	background-color: #adadad;
	color: black;
}

/* @end */

#firma_busqueda {
	height: 5em;
/*	background-color: #4195C1;*/
background-color: #fafafa;/
	width: 100%;
	overflow: hidden;
	padding-bottom: 0;
}

#firma_busqueda img {
	display: inline-block;
}

#header
{
    background-image:url('/css/images/header-cenam.png');
  
    height:80px;  
     clear: both; 
    background-color: #fafafa; 
    padding: 12px 0 16px 4px;
    }

#logo {
	float: left;
	width: 10%;
	display:block;
}

#logo img 
{
   
    vertical-align: bottom;
    padding-top: 16px;
}


#buscador {
	float: right;
	margin-right: 2%;
	height: 75px;
	padding-top: 5px;
	padding-left: 8px;
	/*background-color: #4195C1;*/
	text-transform: none;
	font: 1em presidencia;
}



#boton_ir {
	border: 1px solid gray;
	color: #5b5b76;
	margin:0;
	background-position: center top;
	font-size: .7em;
	width: 4em;
	padding: 0 .5em 0 0;
	height: 2em;
}

#buscar {
	width: inherit;
}

/* @end */

#menu_principal {


background-image:url('/css/imagenes/menu_hor_back.png');
  background-repeat:no-repeat;
  height: 28px;

  padding-top: 5px;
	max-width: 1040px;
	font-weight: normal;


}


#menu_principal li {

	margin-top: 3px;
	margin-bottom: 3px;
	border-left-style: none;
	border-right-style: none;
	padding-right: 0;
	padding-left: 0;
	list-style-image: none;

	float: left;

font:12px trajan,serif;
}

#menu_principal a {

    text-align: center;
    text-decoration: none;
	/*color: #ffffff;*/
	color:#737373;

	font:12px trajan,serif;
}

#menu_principal a:hover {
	background-color: #373737;
	color: white;
	text-shadow: 0 1px 0 #000000;
}

#menu_principal li.ultima a {
	border-right-style: none;
}

/* @end */

.renglon {
    display: table;
    margin-bottom: 0em;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1492px;
	/*background-color:Blue ; */
	height:274px;
}

.cuadro, .cuadro_interno {
    float: left;
 /*   min-height: 16em;*/
	border-style: none;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
/*	font-size: .9em;*/
}


.D {
    width: 69%;
}
.G1{width:30%;
    
 
    }
.G1 td{ padding:2px   2px;border-bottom:1px dotted #ddd;}
.fondo_columna {
    background-color: #f0f0f0;
}

.cuadro_notas_inicio {
	/*height: 20em;*/
	height:274px; 
	display: table;
/*	background-image: url(/imagenes/fondo_notas.jpg);*/
}

/*.cuadro_notas_inicio a {
	display: block;
	/*width: 18em;*//*
	height: 3em;
	padding: .5em .5em .5em 1.5em;
	color: #4298C4;
	line-height: 1em;
	border-bottom: 1px solid #ffffff

}*/

.cuadro_notas_inicio a:hover {
	display: block;
	background: #f1f0f0 url(/imagenes/bullet_notas.jpg) no-repeat;
}
.js
{
   display: block;
    margin: 1px 0  2px 0;
    color: #ba2025;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -1px;
    text-transform: uppercase;
	
	background-color:Silver;
	height:40px; 
    }
    
    
/* @group Carrusel 2 */

#carrusel_2 {
	width: 100%;
	overflow: hidden;
	background-color: transparent;
	margin-bottom: 1.5em;
}

#carrusel_2 h2 {
	margin-bottom: 0;
/*	background-color: #e7e6e6;*/
	padding-top: .2em;
	padding-bottom: .2em;
	/*box-shadow: 0 2px 2px #BBBBBB;*/
	 font-family: 'trajan';
    font-size: 18px;
  /*  margin-left: 12px;*/
    color: #ba2025;
}


#carrusel_2 ul {
	height: 208px;
	width: 98%;
	position: relative;
}

#carrusel_2 li {
	width: 9em;
	display: inline-block;
	float: left;
	padding-right: .5em;
	padding-left: .5em;
	margin-left: 0;
	list-style-image: none;
}

#carrusel_2 a {
	color: #f2f2f2;
}

#carrusel_2 img {
	z-index: 50;
	position: relative;
	width: 100%;
	border: 1px solid white;
}

#carrusel_2 span {
	background-color: black;
	filter: alpha(opacity=90);
	display: block;
	font-size: .8em;
	padding: .5em;
	z-index: 70;
	position: relative;
	width: 131px;
	margin-left: 1px;
}

#carrusel_2 .c2_titulo {
	padding-bottom: .5em;
	height: 2em;
	margin-top: -4em;
	border-top: 3px solid black;
}

#carrusel_2 .c2_sinopsis {
	height: 8em;
	margin-bottom: 2em;
}

#carrusel_2 .verde {
	border-top: 3px solid #9dd06b;
}

#carrusel_2 .naranja {
	border-top: 3px solid #f3901b;
}

#carrusel_2 .azul {
	border-top: 3px solid #0367b3;
}

#carrusel_2 .limon {
	border-top: 3px solid #ccd522;
}

#carrusel_2 .rosa {
	border-top: 3px solid #d90a90;
}

#carrusel_2 .marron {
	border-top: 3px solid #920E26;
}

#elementos_c2 {
	width: 96%;
	float: left;
	background-color: #E7E6E6;
	overflow: hidden;
	height: 209px;
	border-bottom: 8px solid #E0E0E0;
	border-top: 8px solid #E0E0E0;
	position: relative;
}

#elementos_c2_interno {
	width: 640px;
	float: left;
	background-color: #E7E6E6;
	overflow: hidden;
	height: 209px;
	border-bottom: 8px solid #E0E0E0;
	border-top: 8px solid #E0E0E0;
	position: relative;
}

#carrusel_2 button {
	height: 226px;
	width: 2%;
	border-style: none;
	background-color: #929292;
	cursor: pointer;
	font-weight: bold;
	color: white;
	font-size: 22px;
}

#carrusel_2 .ant {
	float: left;
}

#carrusel_2 .sig {
	float: right;
}

#carrusel_2 button {
	padding: 0;
	border-radius: 0
}

#carrusel_2_700 {
	width: 700px;
}

/* @end */
.infoColumns .columns .lista_banners
{
 
   margin: 0;
   padding: 0;
   list-style-type: none;
  
}
 

.infoColumns .columns .lista_banners .medio {
	width: 50%;
	display: inline-block;
	float: left;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: .5em;
	 
}

.infoColumns .columns .lista_banners .medio img 
{
    border:none;
}



.herramientas_del_usuario {
	margin-bottom: 16px;
	height: 1em;
}

/* @end */


/*
h2 {
	font-size: 1.3em;
	color: #455A71;
	font-weight: normal;
	font-style: normal;
	background-color: #e7e6e6;
	padding-top: .2em;
	padding-bottom: .2em;
	box-shadow: 0 2px 2px #BBBBBB;
	
}*/

.border td
{ border: 1px solid gray; 
    }
    
    /* propios de cenam*/
    
    	     .notaroja
 { color:Red;
     }
   .accordion {   
            width: 100%;   
        }   
           
        .accordionHeader {   
            border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #2E4d7B;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
           margin-top: 5px;   
            cursor: pointer;   
        }   
           
        .accordionHeaderSelected {   
           border: 1px solid #2F4F4F;   
            color: white;   
            background-color: #5078B3;   
            font-family: Arial, Sans-Serif;   
            font-size: 12px;   
            font-weight: bold;   
            padding: 5px;   
            margin-top: 5px;   
            cursor: pointer;   
        }   
           
        .accordionContent {   
            background-color: #D3DEEF;   
            border: 1px dashed #2F4F4F;   
            border-top: none;   
            padding: 5px;   
            padding-top: 10px;   
        }   
 .modalBackground {
            background-color:Gray;
            filter:alpha(opacity=70);
            opacity:0.7;
        }
.drag
    {
        /* font: normal 11px auto "Trebuchet MS", Verdana;    */
        background-color: #ffffff;
        color: #4f6b72; 
        padding:6px;  
         border:solid 1px gray ;
    }
.alerta {  
background: #fff6bf url(/images/important.gif) center no-repeat;  
background-position: 15px 50%; /* x-pos y-pos */  
text-align: left;  
padding: 5px 20px 5px 45px;  
border-top: 2px solid #ffd324;  
border-bottom: 2px solid #ffd324;  
color:#000000;  
}
.dragMe {
	width:100%;
	height:21px;
	background-color:#FFF;
	background-image:url(images/header-opened.png);
	text-align:center;
	cursor:move;
	font-weight:bold;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.justificado
{
    text-align:justify;  
    }
	
 .boletin   li {
	margin-left: 6em;
	list-style-image: url(imagenes/bullet.gif);
	list-style-type: none;
	
}	

a {
	/*text-decoration: underline;*/
	text-decoration:none; 
	color:#336699;
}
    /*find*/
    
    .autor_nota { 
	color: #ba5112;
	text-align: right;
	font-size: .7em;
	margin-top: 4em;
} 

    .tabla 
{
    }
.tabla td
{
    padding: 6px;margin: 3px;border:2px groove ;line-height: 1.5em;
    border-top: 2px solid  ; 
border-bottom: 2px solid ;  

    } 
    
    .ocre {
    
    color: #ba2025;
      font-weight: lighter;
}
#modal {
width:100%; /*Toma el 100% del ancho de la página*/
height:100%; /*Toma el 100% del alto de la página*/
position:fixed; /*Con este código hacemos que el contenedor se mantenga en la pantalla y para que tome las dimensiones del body y no de la entrada*/
background-color: rgba(1, 1, 1, 0.7); /*Color de fondo, incluye opacidad del 90%*/
top:0; /*Position superior*/
left:0; /*Posición lateral*/
z-index:9999; /*Evitamos que algún elemento del blog sobreponga la ventana modal*/
}
#contenido-interno { 
margin:180px auto; /*Separación arriba y centrado*/
padding: 20px;
font-size:1.1em; /*Tamaño de la fuente*/
width:600px; /*Ancho del contenedor*/
text-align:center; /*Alineación del texto*/
color:#222; /*Color del texto*/
background:#fff; /*Color de fondo*/
}

   .capa_obscurecida{
  			 position:fixed;
             display: none;
         /*   position: absolute;*/
             top: 0%;
             left: 0%;
             width: 100%;
             height: 100%;
             background-color: black;
             z-index:10001;
             -moz-opacity: 0.8;
             opacity:.80;
             filter: alpha(opacity=80);

       }
       .capa_esclarecida {
             display: none;
             position: fixed;
             top: 25%;
             left: 25%;
             width: 50%;
             height: 50%;
             padding: 16px;
             border: 2px solid silver;
             box-shadow: 0px 0px 65px #888888;
             background-color: white;
             z-index:10002;
             overflow: auto;
       }

.rojo
{ 
    color:Red ;
  
    }
    
    
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2275d7;
    border-color: #1d65b8;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn-primary {
    box-shadow: 0 2px 0 0 #1b5dab;
}
.btn {
    border: none;
    font-size: 18px;
    border-radius: 3px;
    padding: 10px 25px;
}
.breadcrumb a, .btn, .dropdown-menu > li > a, .main-footer .list-info a.link-email, .main-footer .list-info a:hover, .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-decoration: none;
}
.btn-primary {
    color: #fff;
    background-color: #4A90E2;
    border-color: #3483de;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 300;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.428571429;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn, .btn-danger.active, .btn-danger:active, .btn-default.active, .btn-default:active, .btn-info.active, .btn-info:active, .btn-primary.active, .btn-primary:active, .btn-warning.active, .btn-warning:active, .btn.active, .btn:active, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover, .form-control, .navbar-toggle, .open > .btn-danger.dropdown-toggle, .open > .btn-default.dropdown-toggle, .open > .btn-info.dropdown-toggle, .open > .btn-primary.dropdown-toggle, .open > .btn-warning.dropdown-toggle {
    background-image: none;
}
.btn, .btn-group, .btn-group-vertical, .caret, .checkbox-inline, .radio-inline, img {
    vertical-align: middle;
}
.form-control {
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control, output {
    font-size: 18px;
    line-height: 1.428571429;
    color: #555;
    display: block;
}
label {
    display: inline-block;
    margin-bottom: 5px;
}
kbd kbd, label {
    font-weight: 700;
}
.img-responsive, .img-thumbnail, .table, label {
    max-width: 100%;
}