.fondologin{
    height:100vh;
background-image:url(../img/fondo1.jpg);
background-size: 100vw 100vh; /*para que la imagen obtenga el 100% de ancho yy de alto*/
background-attachment:fixed; /*para que la imagen se quede fija y no se mueva cuando cambiemos la ventana o moamos el scroll*/
margin:0; /*Para quitar los bordes en el body*/

font-family:"Times New Roman", Times, serif;
}

 

.modalagregar{
     background: -webkit-linear-gradient(green, orange);
   background: -moz-linear-gradient(green, orange);
   background: -o-linear-gradient(green, orange);
}
.cerrar{
	font-weight: 900;
	text-align: right;
}
.cerrar a{
	color: red;
    width:15px;
    /*background-color:aqua;*/
}

.brilla{
            text-shadow: 2px 2px 3px #000; 
            color:yellow;
            font-size:16px;
        }

.brilla:hover{
    text-shadow: 2px 2px 3px #000; 
            color:yellow;
            font-size:16px;
}

.radius {
             border-radius: 5px 5px 5px 5px;
         }

.formlogin{
margin:auto;
background: rgba(0,0,0,0.4);
padding:10px 20px;
box-sizing: border-box;
margin-top:200px;
border-radius:20px;
}
.iconos{
    width:33px;
    height:29px;
}

.panorama-wrapper {
    position: relative;
}

#cabecera-ayuda{
	position: relative;
	top: 0;
	width: 100%;
	height: 75px;
    left: -1px;
    background-color:#00C6D7;
}

#cabecera1{
	border-bottom: 1px solid #ddd;
    background-color:black;
	position: fixed;
	top: 0;
	left: 230px;
	z-index: 1000;
	width: 100%;
	height: 75px;
}
#cabecera{
	border-bottom: 1px solid #ddd;
	background-color:#00C6D7;
	position: fixed;
	top: 0;
	left: 230px;
	z-index: 1000;
	width: 100%;
	height: 75px;
}

#cintillo{
	background: black;
	width: 100%;
	height: 5px;
}

#cabecera-conten{
	width: 1100px;
	height: 70px;
	margin: auto;
    background-color:#00C6D7;
}

#logotipo{
	width: 230px;
	height:70px;
	float: left;
	margin: 0px 0 0 0;
}

nav{
	height: 70px;
	float:left;
	margin: 10px 0px 0 0;

}

nav ul li{
	float: left;
}

nav ul li a{
	text-decoration: none;
	color: black;
}

.menu1{
	border-bottom: 2px solid transparent;
	width: 120px;
	font-weight: bold;
	font-size: 15.5px;
	line-height: 19px;
	text-align: center;
	padding: 7px 0 8px 0;
}

.menu1:hover, .activo{
	border-bottom: 5px solid #b6ff00;
	color: #b6ff00;
	font-weight: bold;
}

.uno{
	padding: 17px 0;
}

.tres{
	padding: 5px 0;
}

#efecto{
	border:2px solid transparent;
	background: black;
	width: 100%;
	height: 430px;
}


#efecto-conten{
	background: black;
	background: url(../images/asesores-fiscales-y-contables-mexico.jpg) no-repeat center center;
    background-size: 100% 100%;

	width: 100%;
	height: 400px;
	margin: 15px 0 0 0;
}

#wrapP{
	width: 1000px;
	margin: 0 auto;
    padding: 1.5em 1.5em;
	    margin-bottom: 2em;
}

             .wrapP{
	width: 1100px;
	margin: 0 auto;
}

.pagina{
	border-top: 1px solid gray;
	width: 100%;
	float: left;
}

#pagina{
	border-top: 1px solid gray;
	width: 100%;
	float: left;
      margin-bottom:3em;

       background: #fff;
    padding: 2em 2em;
    position: relative;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    border: 1px solid #E7E7E8;
}

#titulo-pestana{
	text-align: center;
	color: #3B5998;
	font-size: 30px;
	padding: 20px 0 10px 0;
}

#banner{
	border: 1px solid gray;
	background: #3B5998;
	width: 100%;
	color: white;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 12px;
	float: left;
	margin: 0 0 15px 0;
}

/*footer{
	/*background:#303030;
	background: #3B5998;
	width: 100%;
	height: 320px;
	float: left;
}*/

/*#footer-conten{
	width: 1100px;
	background: #3B5998;
	height: 320px;
	margin: 0px auto;
}

.seccion-footer{
	border:0px solid white;
	width: 245px;
	color: white;
	float: left;
	margin: 20px 10px 0 0;
}

.titulo-seccion-footer{
	font-size: 22px;
	text-align: left;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.desarrollo-seccion-footer{
	line-height: 20px;
	font-size: 15px;
	margin: 10px 0 0 0;
}

.desarrollo-seccion-footer a{
	color: white;
	text-decoration: none;
}

.desarrollo-seccion-footer a:hover{
	text-decoration: underline;
}*/

#cintillo-pie{
	border-top: 1px dotted gray;
	background: black;
	width: 100%;
	height: 30px;
	float: left;
}

#cintillo-pie-conten{
	background: black;
	width: 100%;
	height: 14px;
	color: white;
	font-size: 14px;
	margin: 0px auto;
	padding: 8px 0px;
}

#cintillo-pie-conten a{
	color: white;
}


@media screen and (max-width: 1100px){
	#efecto{
		width: 1100px;
		margin: 0px auto;
	}
}

/*estilos mios para su uso propio de la pagina Gio*/
#ladoi{
	border: 0px solid red;
	/*width: 1100px;*/
    width:530px;
	float: left;
	margin: 10px 0 0 0;
}

.seccion{
	border: 1px solid #ddd;
	background: white;
	width: 100%;
	padding: 0px 10px 10px 10px;
	margin: 0 0 20px 0;
	float: left;

	border-radius: 10px;

	box-sizing:border-box; 
	-moz-box-sizing:border-box; /* Firefox */ 
	-webkit-box-sizing:border-box; /* Safari */
}

.titulo-seccion{
	border-bottom: 1px dotted #3B5998;
	font-weight: bold;
	font-size: 22px;
	color: #3B5998;
	padding: 10px 0;
	margin-bottom: 10px;
}

.desarrollo-seccion{
	border: 0px solid red;
	width: 500px;
	text-align: justify;
	font-size: 15px;
	line-height: 20px;
	float: left;
}

.seccion img{
	border: 0px solid green;
	border-radius: 40px;
	float: left;
	margin: 0px 0 0 30px;
}

#ladoi{
	border: 0px solid red;
	width: 700px;
	float: left;
	margin: 10px 0 0 0;
}

.ladoi{
	border: 0px solid red;
	width: 700px;
	float: left;
	margin: 10px 0 0 0;
}
#ladod{
	border: 0px solid red;
	width: 320px;
	float: left;
	margin: 10px 0 0 10px;
}

.seccion-ladod{
	border: 1px solid #ddd;
	background:white;
	width: 100%;
	padding: 10px;
	float: left;

	border-radius: 10px;

	box-sizing:border-box; 
	-moz-box-sizing:border-box; /* Firefox */ 
	-webkit-box-sizing:border-box; /* Safari */
}

.titulo-seccion-ladod{
	font-weight: bold;
	padding: 0px 0 10px 0;
}

#cintillo-pie{
	border-top: 1px dotted gray;
	background: black;
	width: 100%;
	height: 30px;
	float: left;
}

#cintillo-pie-conten{
	background: black;
	width: 1100px;
	height: 14px;
	color: white;
	font-size: 14px;
	margin: 0px auto;
	padding: 8px 0px;
}

#cintillo-pie-conten a{
	color: white;
}

.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.grid_24 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

 .aside-bg {
	background:#e9e9e9;
	border:1px solid #dcdcdc;
	border-top:none;
	padding:29px 0 27px;
}

  .contenedorTitulo h2,h3,h4{
    background-color: #e0e0e0; 
    
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    color:#2d2d2d;
    clear: both;
    display:block;
    margin-bottom: 1em;
    padding: .5em;
    text-shadow:2px 2px #bcbcbc;
   
}

  .grilla tbody tr td 
{
    border:1px solid #ccc;
    text-align :center;
}

  .boton {
text-decoration: none;
 color: #fff;
 font-weight: bold;
 padding: 12px 20px;
 font-size: 18px;
 border-radius: 10px;
 background-color: #2aa7dd;
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
 position: relative;
 border-bottom: 1px solid rgba(255,255,255,0.2);
 display: inline-block;
 font-family: Arial, Helvetica, sans;
 text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}
 
.boton:hover {
 box-shadow: 0 5px 5px #313131, 0 9px 0 #393939, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
 color: #fff !important;
}
 
.boton:active {
 top: 7px;
 box-shadow: 0 2px 0 #393939, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
 color: #fff !important;
}
 
.formaBoton {
 border-radius: 5px;
 padding-left: 25px;
 padding-right: 25px;
}
 
.colorRojo{
 background-color: #c34747;
 box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}
 
.colorRojo:hover {
 box-shadow: 0 5px 5px #853232, 0 9px 0 #5e2525, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}
 
.colorRojon:active {
 box-shadow: 0 2px 0 #5e2525, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);
}

.verde {	
	background-color: #7fc345;	
	box-shadow: 0 5px 5px #508530, 0 9px 0 #385e25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
    top: -1px;
    left: 0px;
}

.verde:hover {
	box-shadow: 0 5px 5px #508530, 0 9px 0 #385e25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.verde:active {
	box-shadow: 0 2px 0 #385e25, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);	
}

.naranja {	
	background-color: #fb560d;	
	box-shadow: 0 5px 5px #508530, 0 9px 0 #385e25, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.anaranjado {	
	background-color:#fb560d;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    top: 0px;
    left: 0px;
}

.anaranjado:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.anaranjado:active {
	box-shadow: 0 2px 0 #5e3a25, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);}

.azulado {	
	background-color:#2a8ad8;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    top: -2px;
    left: 0px;
}

.azulado:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.azulado:active {
	box-shadow: 0 2px 0 #5e3a25, 0px 4px 4px rgba(0,0,0,0.4), inset 0px 2px 5px rgba(0,0,0,0.2);}



/*AZUL*/
.azul {
	background: #2a8ad8;
	box-shadow: 0 5px 5px #364a8e, 0 9px 0 #25325e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 9px rgba(255,255,255,0.2), inset 0 -2px 9px rgba(0,0,0,0.2);
}

.azul:hover {
	box-shadow: 0 5px 5px #364a8e, 0 9px 0 #25325e, 0px 9px 10px rgba(0,0,0,0.4), inset 0px 2px 15px rgba(255,255,255,0.4), inset 0 -2px 9px rgba(0,0,0,0.2);
}
.azul:active {
	box-shadow: 0 2px 0 #25325e, 0px 4px 4px rgba(0,0,0,0.3), inset 0px 2px 5px rgba(0,0,0,0.2);
}

  .sombra1 {
              border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-top:1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
      box-shadow: 2px 2px 2px 2px #939393;
         }
  .modalpop {
            background-color: rgba(0,0,0,.8);
            filter: alpha(opacity=50);
            opacity: 0.7;
        }

   .modalpop2 {
            background-color: rgba(0,0,0,0.8);
            filter: alpha(opacity=50);
            opacity: 1.7;
        }

  .redondo{
      border-radius:20px;
  }

          .contenedorbody{
     -webkit-box-shadow: 0px 0px 10px 10px rgba(51, 51, 51,0.3);
    -moz-box-shadow: 0px 0px 10px 10px rgba(51, 51, 51,0.3);
    box-shadow: 0px 0px 10px 0px rgba(51, 51, 51,0.3);

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -o-box-shadow: 0px 0px 10px #e8e8e8;

}
              .sombra {
           border-left:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-top:1px solid #999999;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
      box-shadow: 5px 5px 5px 5px #939393;
    -moz-box-shadow: 5px 5px 5px 5px #939393;
    -webkit-box-shadow: 5px 5px 5px 5px #939393;
    }
        
                      	.contenedorTitulo{
    box-shadow: 5px 5px 5px #939393;
    -moz-box-shadow: 5px 5px 5px #939393;
    -webkit-box-shadow: 5px 5px 5px #939393;
     display:block;width:89.5%;clear: both;margin: 2.5em;
    
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 1em;
}

.contenedorTitulo h2,h3,h4{
    background-color: #e0e0e0; 
    
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    color:#2d2d2d;
    clear: both;
    display:block;
    margin-bottom: 1em;
    padding: .5em;
    text-shadow:2px 2px #bcbcbc;
   
}