body 
  	{
  		padding-top: 1em;
  		font-family: Arial, "Times New Roman", Times, serif;
  		color: black;
  		background: url(../contenidos/imagenes/inicio2.jpg) no-repeat center center fixed; 
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
  	}
  	.gray 
  	{ 
  		background-color: #737475; 
	}
  	.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;
	}
	.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);
	}
	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;
  	}
	.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: 280;
  		height: 30%;
  		max-height: 180;
  		overflow: auto;
  		margin: auto;
  		position: absolute;
  		top: 0; left: 0; bottom: 0; right: 0;
  	}
	.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(0,0,0,0.7);
		width: 70%;
		height: 90%;
  		max-width:1220; 
  		max-height: 700;
  		overflow: auto;
  		margin: auto;
  		position: absolute;
  		top: 0; left: 0; bottom: 0; right: 0;
		
  	}
  	.cajaprincipalg
	{
  		border: hidden;
  		float: center;
	  	font-size: 7pt;
	  	border-radius:20px; 
	  	-moz-scrollbars-vertical;
		-moz-border-radius:20px;  Firefox  
		-webkit-border-radius:20px;   
		background:rgba(0,0,0,0.7);
		width: 95%;
		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: 90%;
	  	height: 90%;
	   	overflow: auto;
	  	font-size: 7pt;
	  	background:rgba(242,234,186,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(242,234,186,0.9);
		width: 96%;
  		height: 95%;
  		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(242,234,186,0);
		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 */ 
	}
  	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: #f2d6ba;
  		border-radius:3px;
	  	-moz-border-radius:3px; /* Firefox */ 
		-webkit-border-radius:3px; /* 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%;*/
  	}
  	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.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;
	}
	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 */ 
	}
	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 */ 
	}
	textarea 
	{
 		background-color: #f2eaba;
  		border: 1px solid #888; 
  		font-size: 8pt;
  		border-radius:5px;
	  	-moz-border-radius:5px; /* Firefox */ 
		-webkit-border-radius:5px; /* Safari y Chrome */ 
	}
	.fadein { position:relative; left: 50px; width:auto;height:200px; }
	.fadein img { position:absolute; left:0; top:0; }
	.fadein p { position:absolute; left:0; top:0; }
	.slider 
	{
    		display: block;
    		height: 225px;
  		/*  min-width: 260px;
    		max-width: 640px;
    		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 {
    		qwidth: 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: 100;
    		visibility: hidden;
	}
	.slider label {
    		position: absolute;
    		left: 50%;
    		bottom: -10px;
    		z-index: 100;
    		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]#control5:checked~label[for=control6] { background-color: #333; }
.slider input[type=radio]#control5:checked~label[for=control7] { background-color: #333; }
.slider label[for=control1] { margin-left: -54px }
.slider label[for=control2] { margin-left: -36px }
.slider label[for=control3] { margin-left: -18px }
.slider label[for=control5] { margin-left: 18px }
.slider label[for=control6] { margin-left: 36px }
.slider label[for=control7] { margin-left: 54px }

.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: 1000;
	}
	.description-text {
    		background-color: rgba(0,0,0,.1);
    		padding:0px;
    		top: 0;
    		z-index: 6;
    		-webkit-transition: opacity .2s;
    		-moz-transition: opacity .2s;
    		-o-transition: opacity .2s;
    		transition: opacity .2s;
    		color: #fff;
	}