html,
body {
    height: 100%;		   background: #221160;
}

img {
    max-width: 100%;
}.game {    /* 1 pixel black shadow to left, top, right and bottom */    text-shadow: -1px 0 black, 0 2px black, 3px 0 black, 0 -1px black;	font-size:20pt;    font-family: Verdana ; color: white;}.flex { display: flex;  justify-content: center;  align-items: center;  width:100%;     background: #221160;}

/* cover */
#cover {
    background: #8181F7;
    background-size: cover;
    color: white;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}

#cover-texto {
    width: 100%;  
}

#cover-texto .form-inline{
    width: 100%;
}

.contenido-seccion {
    padding: 5rem 0;
}.data-center{		background-color: #ABB2B9;	padding:20px;	border-radius:20px;	position:relative;	width:80%;	margin: auto;	min-height:500px;	text-align:center;}.data-car{		background-color: #ABB2B9;	padding:20px;	border-radius:5px;	position:relative;	width:80%;	margin: auto;	text-align:center;}.simple{
    padding:20px;	background-color:#ABB2B9; 	text-align:center;	 width: 100%;	 height:80px;
}
a:hover, a:visited, a:link, a:active{    text-decoration: none;}
.principal {
  border: 3px solid;
  padding: 10px;
  box-shadow: 5px 10px 8px #888888;
}

#footer-main {
    background: #ABB2B9;
    color: white;
    font-size: 0.8rem;
    padding: 2.5rem 0;
}

	        .fieldset{
                background-image: url(../img/textura.png);
                border:none;
                padding:10px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;				
                margin:0px 30px 0px 0px;
            }	
	        .mancha{
                background-image: url(../img/mancha.png);			
				width:130px;
				height:130px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: absolute;
				top:-50px;
				right:-40px;
				z-index: 10;
            }		
	        .planta{
				background-color:white;
                border-style: solid;
				border-width: 6px;
				border-color: #F2F1F1;
				width:100%;
				position:relative;
				min-height:700px;	
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -moz-border-radius: 15px;
                -webkit-border-radius: 15px;					
            }	
			.planta2{
				background-image: url(../img/textura.png);
                border-style: solid;
				border-width: 5px;
				border-color: #F8F7F7;
                padding:20px;
				width:100%;
				position:relative;
				min-height:700px;	
               
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;					
            }	
			.recuadro{
				background-color: white;
                border-style: solid;
				border-width: 1px;
				border-color: red;
				padding:10px;
				text-align:center;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;					
            }				
			.label{
                font-size: 18px;
				/*font-weight:bold;*/
            }
			.especial {
			   -webkit-text-stroke: 1px black;
			   color: white;
			   text-shadow:
				   2px  2px 0 #000,
				  -1px -1px 0 #000,  
				   1px -1px 0 #000,
				  -1px  1px 0 #000,
				   1px  1px 0 #000;
				   font-size:32pt;
			}
			.text{
                font-size: 25px;
                text-shadow: 0 1px 1px rgba(0,0,0,0.8);

            }
			 .legend{
                text-align:left;
                color:#00abdf;
                font-size:14px;
                padding:0px 4px 15px 4px;
                margin-left:20px;
                font-weight:bold;
				position:relative;
            }
			.btt, .btt:visited{
                background: #8181F7 url(images/overlay.png) repeat-x; 
                padding: 5px 10px 6px; 
                text-decoration: none;
                -moz-border-radius: 5px; 
                -webkit-border-radius: 5px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                border-bottom: 1px solid rgba(0,0,0,0.25);
                cursor: pointer;								display:inline-block;
            }
            .btt:hover{
                background-color: #A9BCF5; 
				text-decoration: none;
            }
			 .bttg{
                height:1000px;
				padding: 50px;
				font-size:35pt;				
            }
			.webz{
				background-color: white;
                border-style: solid;
				border-width: 2px;
				border-color: black;
				width:100%;
				min-height:70px;
				padding:10px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);			
            }			
			.prods{
				background-color: white;
                border-style: solid;
				border-width: 2px;
				border-color: black;
				width:100%;
				min-height:300px;
				padding:10px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
				-moz-border-radius: 10px;
                -webkit-border-radius: 10px;						
            }				
			.proys{
				background-color: white;
                border-style: solid;
				border-width: 2px;
				border-color: black;
				width:100%;
				min-height:50px;
				padding:10px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
				-moz-border-radius: 10px;
                -webkit-border-radius: 10px;						
            }	

.stripe-1 {
  color: white;
  background: repeating-linear-gradient(
    45deg,
    #606dbc,
    #606dbc 10px,
    #465298 10px,
    #465298 20px
  );
  	padding: 15px;
}
.stripe-text {
  	padding: 15px;
}

textarea{
	resize:none;
}	.general{                font-size:16pt;                font-family:Tahoma;				font-weight: bold;				color:#FFFFFF;            }	.href{                font-size:16pt;                font-family:Tahoma;				font-weight: bold;				color:#FFF291;            }
			.url{                font-size: 20px;				/*font-weight:bold;*/                color: #444444;                text-shadow: 0 1px 1px rgba(0,0,0,0.8);								font-weight: bold;            }						.texto{                font-size: 20px;				/*font-weight:bold;*/                color: #707070;                text-shadow: 0 1px 1px rgba(0,0,0,0.8);            }
@media (max-width:800px) {
			.prods{
				background-color: white;
                border-style: solid;
				border-width: 2px;
				border-color: black;
				width:100%;
				min-height:100%;
				padding:10px;
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
				-moz-border-radius: 10px;
                -webkit-border-radius: 10px;						
            }	
}