body 
  	{
  		
  		padding-top: 1em;
  		font-family: Arial, "Times New Roman", Times, serif;
  		color: black;
  		background: url(../contenidos/imagenes/fondo.jpg) no-repeat center center fixed; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
  	}
	
  	
  	.gray 
  	{ 
  		background-color: #D0D0D0; 
	}
  	.blue 
  	{ 
  		/*background-color: #189fea;*/
  		 background-color: #a8caef;
	}
	 .brown 
  	{ 
  		 background-color: #f2eaba;
	}
	.yellow 
  	{ 
  		 background-color: #fff594;
	}
	.red 
  	{ 
  		background-color: #dc231e; 
	}
	.redc 
  	{ 
  		background-color: #eaddf4; 
	}
	.green 
	{ 
	 	background-color: #4be22d; 
	}
	.greenc 
	{ 
	 	background-color: #d6f0d1; 
	}
	.pink 
	{ 
  		background-color: #ff009d;
	}
	.blanco 
	{ 
  		background-color: #ffffff;
	}
	.morado 
	{ 
  		background-color: #F8D9FF;
	}
	
	
	
	.gradwhite 
	{
  		background-image: url(../contenidos/imagenes/grad_white.png);
	}
	.gradblack 
	{
  		background-image: url(../contenidos/imagenes/grad_black.png);
	}
	.gradwhite1 
	{
  		background-image: url(../contenidos/imagenes/grad_white1.png);
	}
	.gradblack1
	{
  		background-image: url(../contenidos/imagenes/grad_black1.png);
	}
	
	
	.cajalogin
	{
  		border: hidden;
  		float: center;
	  	 border-radius:20px;
	  	-moz-border-radius:20px; /* Firefox */ 
		-webkit-border-radius:20px; /* Safari y Chrome */ 
		background:rgba(0,0,0,0.7);		
	  	width: 30%;
	  	max-width: 340;
  		height: 30%;
  		max-height: 180;
  		overflow: auto;
  		margin: auto;
  		position: absolute;
  		top: 0; left: 0; bottom: 0; right: 0;
  	}
	table.boxlogin 
	{
  		font-family: Verdana,Arial,Helvetica,sans-serif;
  		font-size: 8pt;
  		font-weight: normal;
  		background-color: transparent;
  		border-spacing: 1px;
  		text-align: center;
  		vertical-align: top;		
  		width: 90%;
  		height: 90%;
  		overflow: auto;
  		margin: auto;
  		position: absolute;
  		top: 0; left: 0; bottom: 0; right: 0;	  	
  	}
  	td.dnscenter 
	{
  		text-align: center;
  		vertical-align:middle;
  		
  		font-family: Verdana,Geneva,sans-serif;
		font-size: 9px;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		line-height: 10px;
  		border-radius:3px;
	  	-moz-border-radius:3px; /* Firefox */ 
		-webkit-border-radius:3px; /* Safari y Chrome */ 
	}
  	td.dnsleft 
	{
		text-align: left;
  		vertical-align: middle;
		font-family: Verdana,Geneva,sans-serif;
		font-size: 9px;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		line-height: 10px;
  		border-radius:3px;
	  	-moz-border-radius:3px; /* Firefox */ 
		-webkit-border-radius:3px; /* Safari y Chrome */ 
	}
	td.dnsleft1 
	{
		text-align: left;
  		vertical-align: top;
  		font-family: Verdana,Geneva,sans-serif;
		font-size: 9px;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		line-height: 10px;
	}
	td.dnsright 
	{
		text-align: right;
  		vertical-align: middle;
  		font-family: Verdana,Geneva,sans-serif;
		font-size: 9px;
		font-style: normal;
		font-variant: normal;
		font-weight: 400;
		line-height: 10px;
	}
	option.dns
	{
  		vertical-align: middle;
  		border: 1px solid #808080;
  		font-size: 7pt;
  		font-family: Arial,Helvetica,Verdana,sans-serif;
	}
	select.dns
	{
  		vertical-align: middle;
  		border: 1px solid #808080;
  		font-size: 7pt;
  		font-family: Arial,Helvetica,Verdana,sans-serif;
  		border-radius:3px;
	  	-moz-border-radius:3px; /* Firefox */ 
		-webkit-border-radius:3px; /* Safari y Chrome */ 
	}
	  	input.sinput 
  	{
  		vertical-align: middle;
  		border: 1px solid #808080;
  		font-size: 8pt;
  		font-family: Arial,Helvetica,Verdana,sans-serif;
  		border-radius:5px;
	  	-moz-border-radius:5px; /* Firefox */ 
		-webkit-border-radius:5px; /* Safari y Chrome */ 
	}
	input.button 
	{
		text-align: center;
  		vertical-align: middle;
  		border: 1px solid #808080;
  		font-size: 8pt;
  		font-family: Arial,Helvetica,Verdana,sans-serif;
  		background-color: #D4EBFF;
  		border-radius:3px;
	  	-moz-border-radius:3px; /* Firefox */ 
		-webkit-border-radius:3px; /* Safari y Chrome */ 
	}
	p 
	{
			display: block;
	    	white-space: pre-wrap;
	    	font-family: sans-serif;
			font-size: 9px;
			font-style: normal;
			font-variant: normal;
			line-height: 9px;
	} 
	.img 
	{
    margin: 5px;
    padding: 5px;
    border: 1px solid #f2eaba;
    height: auto;
    width: auto;
    float: center;
    text-align: center;
    border-radius:20px;
    -moz-border-radius:20px; /* Firefox */ 
	-webkit-border-radius:20px; /* Safari y Chrome */ 
	}
		.img1
	{
    margin: 5px;
    padding: 5px;
    border: 1px solid #f2eaba;
    width: auto;
    float: center;
    text-align: center;
    border-radius:20px;
    -moz-border-radius:20px; /* Firefox */ 
	-webkit-border-radius:20px; /* Safari y Chrome */ 
    
	}
		.img2
	{
    margin: 0px;
    padding: 0px;
    border: 1px solid #f2eaba;
    width: auto;
    float: center;
    text-align: center;
    border-radius:20px;
    -moz-border-radius:20px; /* Firefox */ 
	-webkit-border-radius:20px; /* Safari y Chrome */ 
    
	}
	.box 
	{
  		border: solid orange 2px;
  		float: left;
	  	height: 50px;
	  	margin: 1px;
  		width: 500px;
	}
	.caja1
	{
  		border: hidden;
  		float: top;
	  	width: 400px;
		overflow: hidden;
	  	border-radius:10px;
	  	-moz-border-radius:10px; /* Firefox */ 
		-webkit-border-radius:10px; /* Safari y Chrome */ 
	   background:transparent;
	   margin: auto;
  	}

	
	.cajaprincipalr
	{
  		border: hidden;
  		float: center;
	  	font-size: 7pt;
	  	
	  	border-radius:20px; 
	  	-moz-scrollbars-vertical;
		-moz-border-radius:20px;  Firefox  
		-webkit-border-radius:20px;   
		background:rgba(228,246,255,0.9);
		width: 70%;
		height: 90%;
  		max-width:1220; 
  		max-height: 700;
  		overflow: auto;
  		margin: auto;
  		position: absolute;
  		top: 0; left: 0; bottom: 0; right: 0;
		
  	}
  	  	.cajaprincipalc
	{
  		border: hidden;
  		float: center;
	  	width: 80%;
	  	height: 90%;
	   	overflow: auto;
	  	font-size: 7pt;
	  	background:rgba(228,246,255,0);
	  	margin: auto;
  		position: absolute;
  		top: 0; left: 0; bottom: 0; right: 0;
	  
  	}
   	
  	 	.cajacatalogo
	{
  		border: hidden;
  		float: center;
		overflow: auto;
	  	font-size: 7pt;
	  	border-radius:20px; 
	  	-moz-scrollbars-vertical;
		-moz-border-radius:20px;  Firefox  
		-webkit-border-radius:20px;   
		background:rgba(228,246,255,0.9);
		width: 98%;
  		height: 98%;
  		max-width:1260;
  		max-height: 700;
  		margin: auto;
  		position: absolute;
  		top: 0; left: 0; bottom: 0; right: 0;
	
  	}
  	.cajaseccion
	{
  		border: hidden;
  		float: center;
		overflow: hidden;
	  	font-size: 7pt;
	  	border-radius:20px; 
	  	-moz-scrollbars-vertical;
		-moz-border-radius:20px;  Firefox  
		-webkit-border-radius:20px;   
		background:rgba(228,246,255,0.9);
		width: 400px;
  		margin: auto;
  				
  	}
  	.menuprincipal 
	{
  		border: hidden;
  		float: center;
	  	height: 25px;
	  	width: 800px;
	  	font-family: Arial, "Times New Roman", Times, serif;
	  	font-size: 8pt;
  		color: black;
  		-moz-border-radius-topleft: 10px;
  		-moz-border-radius-topright: 10px;
	}
	.menuprincipalogin
	{
  		border: hidden;
  		float: center;
	  	height: 25px;
	  	width: 800px;
	  	font-family: Arial, "Times New Roman", Times, serif;
	  	font-size: 10pt;
  		color: black;
  			border-radius:20px;
	  	-moz-border-radius:20px; /* Firefox */ 
		-webkit-border-radius:20px; /* Safari y Chrome */ 
	}	
	table.boxtable 
	{
  		font-family: Verdana,Arial,Helvetica,sans-serif;
  		font-size: 7pt;
  		font-weight: normal;
  		background-color: transparent;
  		border-spacing: 1px;
  		text-align: center;
  		vertical-align: top;
 		
  		/*height: 90%;*/
  		
  		
  	}
	.textarea 
	{
 		background-color: #f2eaba;
  		border: 1px solid #000000; 
  		text-align: justify;
  		vertical-align: middle;
  		font-family: Verdana,Geneva,sans-serif;
  		font-size: 6pt;
  		border-radius:5px;
	  	-moz-border-radius:5px; /* Firefox */ 
		-webkit-border-radius:5px; /* Safari y Chrome */ 
		
	}
	.textarea1 
	{
 		background-color: #ffffff;
  		border: 0px solid #000000; 
  		text-align: justify;
  		vertical-align: middle;
  		font-family: Verdana,Geneva,sans-serif;
  		font-size: 6pt;
  		border-radius:5px;
	  	-moz-border-radius:5px; /* Firefox */ 
		-webkit-border-radius:5px; /* Safari y Chrome */ 
		
	}


	.slider 
	{
	    	/*display: block;*/
    		height: 225px;
    		min-width: 200px;
    		max-width: 400px;
    		margin: auto;
    		position: relative;
	}

.sliderinner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position:  relative;
}

.sliderinner>ul {
     list-style: none;
    height: 100%;
    width: 700%;
    overflow: hidden;
    position: relative;
    left: 0px;
    -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}

.sliderinner>ul>li {
    width: 14%;
    height: 200px;
    float: left;
    position: relative;
}

.sliderinner>ul>li>img {
    /*margin: auto;*/
    height: 100%;
}

.slider input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: auto;
    visibility: hidden;
}

.slider label {
    position: absolute;
    left: 50%;
    bottom: -10px;
    z-index: 200;
    width: 5px;
    height: 5px;
    background-color:#ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    
}

.slider input[type=radio]#control1:checked~label[for=control1] { background-color: #333; }
.slider input[type=radio]#control2:checked~label[for=control2] { background-color: #333; }
.slider input[type=radio]#control3:checked~label[for=control3] { background-color: #333; }
.slider input[type=radio]#control4:checked~label[for=control4] { background-color: #333; }
.slider input[type=radio]#control5:checked~label[for=control5] { background-color: #333; }
.slider input[type=radio]#control6:checked~label[for=control6] { background-color: #333; }
.slider input[type=radio]#control7:checked~label[for=control7] { background-color: #333; }

.slider label[for=control1] { margin-left: -64px }
.slider label[for=control2] { margin-left: -46px }
.slider label[for=control3] { margin-left: -28px }
.slider label[for=control4] { margin-left: -10px }
.slider label[for=control5] { margin-left: 8px }
.slider label[for=control6] { margin-left: 26px }
.slider label[for=control7] { margin-left: 44px }

.slider input[type=radio]#control1:checked~.sliderinner>ul { left: 0% }
.slider input[type=radio]#control2:checked~.sliderinner>ul { left: -100% }
.slider input[type=radio]#control3:checked~.sliderinner>ul { left: -200% }
.slider input[type=radio]#control4:checked~.sliderinner>ul { left: -300% }
.slider input[type=radio]#control5:checked~.sliderinner>ul { left: -400% }
.slider input[type=radio]#control6:checked~.sliderinner>ul { left: -500% }
.slider input[type=radio]#control7:checked~.sliderinner>ul { left: -600% }

.description {
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 100%;
    font-family:Archivo Narrow;
    z-index: auto;
}
.description-text {
    background-color: rgba(0,0,0,.1);
    padding:0px;
    top: 0;
    z-index: auto;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    
    color: #fff;
}