@charset "utf-8";
/* CSS Document */

@media all
{
	html
	{
	   color:black;
	  /*background: #eeffff url('images/page.jpeg') no-repeat no-repeat center center fixed;*/
	  /*background: #eeffff url('http://www.parrosol.es/imagendefondoaleatoria.php') no-repeat no-repeat center center fixed;*/
	  /*background: #eeffff url('http://www.parrosol.es/imagendefondoaleatoria.php') no-repeat center fixed;*/
	  background-color:#eeffff;
	  background-image:url('http://www.rojasdelgado.com/imagendefondoaleatoria.php');
	  background-repeat:no-repeat;
	  background-position:center;
	  background-attachment:fixed;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	
	body
	{
		width:100%;
	}
	
	input[type=text], select, textarea
	{
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		resize: vertical;
		width: 100%;
		margin-top: 0;
		font-size:xx-large;
	}
	
	label
	{
		padding: 12px 12px 12px 0;
	  	display: inline-block;
		width: 100%;
		margin-top: 0;
		font-size:xx-large;
	}
	
	input[type=submit]
	{
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
		width: 70%;
		clear:both;
		margin:auto;
		margin-top: 5px;
		font-size:xx-large;
	}

	.container
	{
		width:400px;
		margin:0px auto;
  	}
	
	.maxwidth600, .maxwidth400, .maxwidth350, .maxwidth300, .maxwidth250, .maxwidth200
	{
		display:none;
	}
	
	.a2boton
	{
		font-size:smaller;
		font-weight:bold;
		text-decoration:none;
		border:1px solid darkgreen;
		background-color:lightgrey;
		padding:1px;
		padding-left:10px;
		padding-right:10px;
		display: inline-block;
		margin-left:20px;
	}
	.a2botongrande
	{
		text-decoration:none;
		padding:1px;
		padding-left:10px;
		padding-right:10px;
		color:black;
		font-size:xx-large;
		font-weight:bold;
		display: inline-block;
	}
	
	.a2botongrande:hover
	{
		background-color:rgba(255,204,153,1);
	}
	
	.a2botonletranormal
	{
		text-decoration:none;
		color:black;
		display: inline-block;
	}
	
	.a2botontextonormal
	{
		text-decoration:none;
		color:black;
		display: inline-block;
	}
	
	.a2botontextonormal:hover
	{
		background-color:rgba(255,204,153,1);
	}
	
	.a2botonnormal
	{
		text-decoration:none;
		width: 168px;
		text-align: center;
		cursor: default;
		color: buttontext;
		background-color: buttonface;
		border: 1px solid #CCCCCC;
		text-rendering: auto;
		color: initial;
		letter-spacing: normal;
		word-spacing: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		margin: 0em 0em 0em 0em;
		font: 12px Arial;
		box-sizing: border-box;
		padding: 1px 6px;
	}
	
	.a2botonpequeño
	{
		font-size:xx-small;
		text-decoration:none;
		width: auto;
		margin-left:100px;
		text-align: center;
		cursor: default;
		color: buttontext;
		background-color: buttonface;
		border: 1px solid #CCCCCC;
		text-rendering: auto;
		color: initial;
		letter-spacing: normal;
		word-spacing: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		font: 12px Arial;
		box-sizing: border-box;
		padding: 1px 6px;
	}
	
	.a2botonpequeño2
	{
		font-size:xx-small;
		text-decoration:none;
		width: auto;
		margin-left:3px;
		text-align: center;
		cursor: default;
		color: buttontext;
		background-color: buttonface;
		text-rendering: auto;
		border: 1px solid #CCCCCC;
		color: initial;
		letter-spacing: normal;
		word-spacing: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		font: 12px Arial;
		box-sizing: border-box;
		padding: 1px 6px;
	}
	
	.a2botondiminuto
	{
		font-size:0.2em;
		text-decoration:none;
		width: auto;
	/*	margin-left:100px;*/
		text-align: center;
		cursor: default;
		color: buttontext;
		background-color: white;
		border: 1px solid #CCCCCC;
		text-rendering: auto;
		color: initial;
		letter-spacing: normal;
		word-spacing: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		font: 12px Arial;
		box-sizing: border-box;
		padding: 1px 6px;
	}
	
	.a2botondiminutoborroso
	{
		font-size:0.2em;
		text-decoration:none;
		width: auto;
	/*	margin-left:100px;*/
		text-align: center;
		cursor: default;
		color: buttontext;
		background-color: white;
		border: 1px solid #CCCCCC;
		text-rendering: auto;
		color: lightgrey;
		letter-spacing: normal;
		word-spacing: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		font: 12px Arial;
		box-sizing: border-box;
		padding: 1px 6px;
	}

	.botonmenu
	{
		font-size:x-large;
		font-weight:bold;
		text-decoration:none;
		border:1px solid darkgreen;
		background-color:lightgrey;
		padding:1px;
		padding-left:10px;
		padding-right:10px;
		display: inline-block;
		margin:5px;
	}
	.botonmenu:hover
	{
		background-color:yellow;
	}
}

@media (min-width: 401px) and (max-width: 600px)
{
	.maxwidth600, .maxwidth400, .maxwidth350, .maxwidth300, .maxwidth250, .maxwidth200
	{
		display:none;
	}

	.maxwidth600
	{
		display:block !important;
	}
	
	input[type=text], select, textarea
	{
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		resize: vertical;
		width: 100%;
		margin-top: 0;
	}
	
	label
	{
		padding: 12px 12px 12px 0;
	  	display: inline-block;
		width: 100%;
		margin-top: 0;
	}
	
	input[type=submit]
	{
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
		width: 100%;
		margin-top: 0;
	}

	.container
	{
		width:400px;
		margin:0px auto;
  	}
}

@media (min-width: 351px) and  (max-width: 400px)
{
	.maxwidth600, .maxwidth400, .maxwidth350, .maxwidth300, .maxwidth250, .maxwidth200
	{
		display:none;
	}

	.maxwidth400
	{
		display:block !important;
	}
	
	input[type=text], select, textarea
	{
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		resize: vertical;
		width: 100%;
		margin-top: 0;
	}
	
	label
	{
		padding: 12px 12px 12px 0;
	  	display: inline-block;
		width: 100%;
		margin-top: 0;
	}
	
	input[type=submit]
	{
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
		width: 100%;
		margin-top: 0;
	}

	.container
	{
		width:350px;
		margin:0px auto;
  	}
}

@media (min-width: 301px) and  (max-width: 350px)
{
	.maxwidth600, .maxwidth400, .maxwidth350, .maxwidth300, .maxwidth250, .maxwidth200
	{
		display:none;
	}

	.maxwidth350
	{
		display:block !important;
	}
	
	input[type=text], select, textarea
	{
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		resize: vertical;
		width: 100%;
		margin-top: 0;
	}
	
	label
	{
		padding: 12px 12px 12px 0;
	  	display: inline-block;
		width: 100%;
		margin-top: 0;
	}
	
	input[type=submit]
	{
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
		width: 100%;
		margin-top: 0;
	}

	.container
	{
		width:300px;
		margin:0px auto;
  	}
}

@media (min-width: 251px) and  (max-width: 300px)
{
	.maxwidth600, .maxwidth400, .maxwidth350, .maxwidth300, .maxwidth250, .maxwidth200
	{
		display:none;
	}

	.maxwidth300
	{
		display:block !important;
	}
	
	input[type=text], select, textarea
	{
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		resize: vertical;
		width: 100%;
		margin-top: 0;
	}
	
	label
	{
		padding: 12px 12px 12px 0;
	  	display: inline-block;
		width: 100%;
		margin-top: 0;
	}
	
	input[type=submit]
	{
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
		width: 100%;
		margin-top: 0;
	}

	.container
	{
		width:250px;
		margin:0px auto;
  	}
}

@media (min-width: 201px) and  (max-width: 250px)
{
	.maxwidth600, .maxwidth400, .maxwidth350, .maxwidth300, .maxwidth250, .maxwidth200
	{
		display:none;
	}

	.maxwidth250
	{
		display:block !important;
	}
	
	input[type=text], select, textarea
	{
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		resize: vertical;
		width: 100%;
		margin-top: 0;
	}
	
	label
	{
		padding: 12px 12px 12px 0;
	  	display: inline-block;
		width: 100%;
		margin-top: 0;
	}
	
	input[type=submit]
	{
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
		width: 100%;
		margin-top: 0;
	}

	.container
	{
		width:200px;
		margin:0px auto;
  	}
}

@media (max-width: 200px)
{
	.maxwidth600, .maxwidth400, .maxwidth350, .maxwidth300, .maxwidth250, .maxwidth200
	{
		display:none;
	}

	.maxwidth200
	{
		display:block !important;
	}
	
	input[type=text], select, textarea
	{
		padding: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		resize: vertical;
		width: 100%;
		margin-top: 0;
	}
	
	label
	{
		padding: 12px 12px 12px 0;
	  	display: inline-block;
		width: 100%;
		margin-top: 0;
	}
	
	input[type=submit]
	{
		background-color: #4CAF50;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		float: right;
		width: 100%;
		margin-top: 0;
	}

	.container
	{
		width:190px;
		margin:0px auto;
  	}
}