body {
    background-color:#F0F0F0;
    color:#000000;
    margin: 0px;
    padding: 0px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
    text-align: center;
	line-height: 1.428571429;
	
}
.marcoPrincipal {
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  text-align: left;
}
.cabecera {
    width: 100%;
    /*BORDE REDONDEADO
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    border: 4px solid white;
}

.cabecera .arriba {
    height: 60px;
    background: #61ADD7;
    /*background-image: url(Fondocabecera.jpg);*/
    /*BORDE REDONDEADO
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    border: 1px solid #cccccc;
}

.cabeceraabajo
{   
    background: white;
    /*background-image: url(Fondocabeceraabajo.jpg);*/
    /*BORDE REDONDEADO
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;*/
}

.cabecera .logo {
    height: 50px;
    margin: 5px;
}

.titulocabecera
{
	color:white; 
	font-weight:bold; 
	font-size:20px; 
}
.divcuerpoprincipal {
    width: 100%;
    margin-top: 10px;
    background: white;
	text-align:center;
    /*BORDE REDONDEADO
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    border: 4px solid white;
	overflow: hidden;
}
.textoCentrado {
  text-align: center;
}
.anchoCentrado{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width:400px
}

/* ----------------- */
/* -- FORMULARIOS -- */

.formestilo1 fieldset 
{
	/*background:#f1f1f1; */
	margin: 20px 0 0 0;
	border: 1px solid #333;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 2px 2px 2px;
}

LEGEND
{
	background-image: linear-gradient(bottom, rgb(17,145,200) 16%, rgb(40,174,231) 79%);
	background-image: -o-linear-gradient(bottom, rgb(17,145,200) 16%, rgb(40,174,231) 79%);
	background-image: -moz-linear-gradient(bottom, rgb(17,145,200) 16%, rgb(40,174,231) 79%);
	background-image: -webkit-linear-gradient(bottom, rgb(17,145,200) 16%, rgb(40,174,231) 79%);
	background-image: -ms-linear-gradient(bottom, rgb(17,145,200) 16%, rgb(40,174,231) 79%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.16, rgb(17,145,200)),
		color-stop(0.79, rgb(40,174,231))
	);
	background: #28AFE7;/*CUANDO IE FUNCIOE CON GRADIAN SACAR ESTO*/
	color: white;
	font: 17px/21px Calibri, Arial, Helvetica, sans-serif;
	padding: 0 10px;
	margin: 5px 0 0 0;
	font-weight: bold;
	border: 1px solid white;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
}
.formestilo1 td label
{
	color:#333;
	float: left;
	text-align: left;
	line-height: 20px;
	margin: 0 10px 0px 0;
	font-family:Tahoma;
    font-size:12px;
	font-weight: bold;
	
}

.formestilo1 input.soyinput {
    border: 1px solid #D9D9D9;
	border-top: 1px solid silver;
	font: 13px Arial, Helvetica, sans-serif;
	width: 97%;
}
.soyinput {
  display: block;
  width: 97%;
  height: 25px;
 /* padding: 6px 12px;*/
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.soyinput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.boton {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
	   -o-user-select: none;
		  user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #fff;
  	background-color: #61ADD7;
  	border-color: #46b8da;
	border:none;
}
.boton:hover {
  color: #333;
  text-decoration: none;
}

.boton:hover,
.boton:focus,
.boton:active,
.boton.active{
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}


.piepagina {
    margin-top: 5px;
    width: 100%;
    /*BORDE REDONDEADO
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    text-align: center;
    border: 4px solid white;
    background: white;
}


@media (max-width: 480px) {
	.marcoPrincipal {width: 90%;	}
	.anchoCentrado{	width:auto;	}
}	

@media (min-width: 481px) and (max-width: 767px) {
	.marcoPrincipal{ width: 90%;	}
	.anchoCentrado {
		width: 50%;
		margin-left: 22%;
	}
}

@media (min-width: 768px) {
	
	.anchoCentrado {
		 width: 33.33333333333333%;
		 margin-left: 33.33333333333333%;
	}
	
	.divcuerpoprincipal, .cabecera {
		width: 100%;
	}
}