@charset "utf-8";
@import "reset.css";

form { width:850px; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 0 auto }
fieldset { width:900px; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 0 auto; position: relative; padding: 10px; padding-top: 0; padding-top: 25px\9; margin-bottom: 30px; background: #F6F6F6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF)); background: -moz-linear-gradient(center top, #EFEFEF, #FFFFFF 100%); box-shadow: 3px 3px 10px #ccc; -moz-box-shadow: 3px 3px 10px #ccc; -webkit-box-shadow: 3px 3px 10px #ccc }
legend { padding: 6px 12px; position: absolute; left: 10px; top: -11px; background-color: #7EABC5; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 4px #888; -moz-box-shadow: 2px 2px 4px #888; -webkit-box-shadow: 2px 2px 4px #888; text-shadow: 1px 1px 1px #333 }
label { float: left; clear: left; display: block; width: 180px; padding-right: 20px; text-align: right; height: 20px; line-height: 20px }
input, textarea, select { padding: 4px; float: left; border: 1px solid #d9d9d9; font: bold 11px/12px Verdana, Geneva, sans-serif}
textarea { background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(1%, #EEEEEE), to(#FFFFFF)) }
input:focus, textarea:focus, select:focus { background: white; border-color: #666; font: bold 11px/12px Verdana, Geneva, sans-serif }
p { overflow: hidden; margin-bottom: 10px }
p:first-of-type { padding-top: 25px }
.contact-method label { clear: none; width: auto }
.contact-method input { float: none; width: 20px }
span.obligatorio{color:#FF0000;font-weight:bold;}

a:visited { color:#000;} /* visited link */
a:link { font-size:14px; text-decoration:none; font-family:Tahoma, Geneva, sans-serif;}    /* unvisited link */
a:hover {color:#666;} 

a.menu_link{ font-size:12px; text-decoration:none; font-family:Tahoma, Geneva, sans-serif;    /* 
table {
	*border-collapse: collapse; /* IE7 and lower */
	border-spacing: 0;
}

.menu
{
background:url(../images/quote.gif) left top no-repeat; padding:5px 0 0 20px; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 

moz-border-radius: 10px;  -webkit-border-radius: 10px;  border-radius: 10px; background:#CCC; color:#fff!important; 
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
      opacity: 0.5;
}
	  
.bordered {
	border: solid #CCC 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #CCC;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #CCC;
}

.thead {
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

th:first-child {
	-moz-border-radius: 6px 0 0 0;
	-webkit-border-radius: 6px 0 0 0;
	border-radius: 6px 0 0 0;
	margin:1px; 
	background:#53b84d; 
	font-size:14px; 
	text-align: center;	
	color:#FFFFFF; 
	font-family: Tahoma; 
	border: 2px solid #23742b; 
	border-collapse:collapse;
}
 
th:last-child {
-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
}

p.instruccion{
/*font-style:oblique;*/
font-family:"Courier New", Courier, monospace;
font-size:15px;
/*text-align:left;*/
}

.labelAdministracion 
{ 
	float: left; 
	clear: left; 
	display: block; 
	width: 50px; 
	padding-right: 20px; 
	text-align: right; 
	height: 20px; 
	line-height: 20px;
}

.error {
	width:350px;
	margin-left:10px;
	color:#F00;
}

.mensajeError
{
	margin-left:35%;
	color:#F00;
	width:40%;
	background:#C27E8B  center;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	border-radius: 5px 10px;	/*Internet Explorer*/
    -webkit-border-radius: 5px 10px;  /* Safari  */
    -moz-border-radius: 5px 10px; /* Firefox */ 
   	-moz-box-shadow:5px 5px 2px #999;
   	-webkit-box-shadow:5px 2px 5px #999;
	box-shadow:5px 5px 2px #999;
}

aside section {
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	background:#333;
	margin:22px 0 0 22px;
	padding:11px 22px;
	width:50%;
}

/*BOTON SALIR*/
.classname {
	-moz-box-shadow:inset 28px 0px 0px -29px #65143c;
	-webkit-box-shadow:inset 28px 0px 0px -29px #65143c;
	box-shadow:inset 28px 0px 0px -29px #65143c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #65143c), color-stop(1, #c27e8b) );
	background:-moz-linear-gradient( center top, #65143c 5%, #c27e8b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#65143c', endColorstr='#c27e8b');
	background-color:#65143c;
	-webkit-border-top-left-radius:37px;
	-moz-border-radius-topleft:37px;
	border-top-left-radius:37px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:37px;
	-moz-border-radius-bottomright:37px;
	border-bottom-right-radius:37px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #ffffff;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	height:22px;
	line-height:22px;
	width:89px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #c27e8b;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7EABC5), color-stop(1, #CED7DD) );
	background:-moz-linear-gradient( center top, #7EABC5 5%, #CED7DD 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EABC5', endColorstr='#CED7DD');
	background-color:#7EABC5;
}.classname:active {
	position:relative;
	top:1px;
}
/*BOTON SALIR*/

/* This button was generated using CSSButtonG
/*#animateList li a {
    cursor: pointer;
    -webkit-transition: padding-left 250ms ease-out;
    -moz-transition: padding-left 250ms ease-out;
}*/

/*#animateList li a:hover {
    padding-left: 10px;
}*/

.ul{
  width:250px;
  margin-bottom:20px;
  overflow:hidden;
  border-top:1px solid #ccc;
}

.li{
  line-height:1.5em;
  border-bottom:1px solid #FFF;
  display:run-in;
}

.custom-select select {
   display: inline-block;
   border: 2px solid #bbb;
   padding: 4px 3px 3px 5px;
   margin: 0;
   font: inherit;
   outline:none; /* remove focus ring from Webkit */
   line-height: 1.0;
   background: #f8f8f8;
        
   -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
        
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	moz-box-shadow:0 0 10px #eee inset;
	-webkit-box-shadow:0 0 10px #eee inset;
}

#ventanaPopup1Fondo
{
		display:none;
		position:fixed;
		_position:absolute; /* caso especial para IE 6*/
		height:100%;
		width:100%;
		top:0;
		left:0;
		background:#000000;
		border:1px solid #cecece;
		z-index:1;
}

#ventanaPopup1
{
		display:none;
		position:fixed;
		_position:absolute; /* caso especial para IE 6*/
		height:200px;
		width:408px;
		/*background:#FFFFFF;
		border:2px solid #cecece;*/
		z-index:2;
		padding:12px;
		font-size:13px;
}

#ventanaPopup1Cerrar
{
	font-size:14px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
}

.pop
{
	width:390px; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin: 0 auto; position: relative; padding: 10px; padding-top: 0; padding-top: 25px\9; margin-bottom: 30px; background: #F6F6F6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF)); background: -moz-linear-gradient(center top, #EFEFEF, #FFFFFF 100%); box-shadow: 3px 3px 10px #ccc; -moz-box-shadow: 3px 3px 10px #ccc; -webkit-box-shadow: 3px 3px 10px #ccc 
}

.button
{
	background-color:#CCCCCC;
	color:#FFFFFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25),
                        inset 0 -30px 30px -10px hsla(0,0%,0%,.15),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
    -moz-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25),
                        inset 0 -30px 30px -10px hsla(0,0%,0%,.15),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
    box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25),
                        inset 0 -30px 30px -10px hsla(0,0%,0%,.15),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
}

.press-button {
	background: #C27E8B;
	color: #e6e6e6;
    display: block;
    float: left;
    font-family:Verdana, Geneva, sans-serif;
	font-size: 10 px;
    font-weight: bold;
    padding: 4px 15px 4px 15px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px hsla(0,0%,0%,.5);
    text-transform: uppercase;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25),
                        inset 0 -30px 30px -10px hsla(0,0%,0%,.15),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
       -moz-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25),
                        inset 0 -30px 30px -10px hsla(0,0%,0%,.15),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
            box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25),
                        inset 0 -30px 30px -10px hsla(0,0%,0%,.15),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
}
.press-button:hover,
.press-button:focus {
    color: #f0f0f0;
    -webkit-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.2),
                        inset 0 -30px 40px -10px hsla(0,0%,0%,.15),
                        inset 0 5px 30px 10px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
       -moz-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.2),
                        inset 0 -30px 40px -10px hsla(0,0%,0%,.15),
                        inset 0 5px 30px 10px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
            box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.2),
                        inset 0 -30px 40px -10px hsla(0,0%,0%,.15),
                        inset 0 5px 30px 10px hsla(0,0%,0%,.25),
                        0 1px 5px hsla(0,0%,0%,.25);
}
.press-button:active {
    padding-bottom: 5px;
    top: 2px;
    -webkit-box-shadow: inset 0 -3px 0 hsla(0,0%,0%,.25),
                        inset 0 -60px 30px -10px hsla(0,0%,0%,.1),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 3px hsla(0,0%,0%,.25);
       -moz-box-shadow: inset 0 -3px 0 hsla(0,0%,0%,.25),
                        inset 0 -60px 30px -10px hsla(0,0%,0%,.1),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 3px hsla(0,0%,0%,.25);
            box-shadow: inset 0 -3px 0 hsla(0,0%,0%,.25),
                        inset 0 -60px 30px -10px hsla(0,0%,0%,.1),
                        inset 0 10px 50px 50px hsla(0,0%,0%,.25),
                        0 1px 3px hsla(0,0%,0%,.25);
}
.overlay-container {
		display: none;
		content: " ";
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
}

.window-container {
		display: block;
		background: #fcfcfc;
		margin: 8em auto;
		width: 500px;
		padding: 10px 20px 20px;
		text-align: left;
		z-index: 3;
		border-radius: 3px;
		box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
		-webkit-transition: 0.4s ease-out;
		-moz-transition: 0.4s ease-out;
		-ms-transition: 0.4s ease-out;
		-o-transition: 0.4s ease-out;
		transition: 0.4s ease-out;
		opacity: 0;
	}
	
	.zoomin {
		-webkit-transform:  scale(1.2);
		-moz-transform:  scale(1.2);
		-ms-transform:  scale(1.2);
		transform:  scale(1.2);
	}
	
	.zoomout {
		-webkit-transform:  scale(0.7);
		-moz-transform:  scale(0.7);
		-ms-transform:  scale(0.7);
		transform:  scale(0.7);
	}
	
	.window-container-visible {
		-webkit-transform:  scale(1);
		-moz-transform:  scale(1);
		-ms-transform:  scale(1);
		transform:  scale(1);
		opacity: 1;
	}
	
		.window-container h3 {
			margin: 1em 0 0.5em;
			font-family: "Oleo Script";
			font-weight: normal;
			font-size: 25px;
			text-align: center;
		}
		
		.close {
			margin: 1em auto;
			display: block;
			width: 52px;
			background: #fafafa;
			background: -moz-linear-gradient(top,  #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(40%,#f4f4f4), color-stop(100%,#e5e5e5));
			background: -webkit-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
			background: -o-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%); 
			background: -ms-linear-gradient(top,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
			background: linear-gradient(to bottom,  #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
			border: 1px solid #aaa;
			padding: 5px 14px;
			color: #444;
			font-family: Helvetica, sans-serif;
			font-size: 12px;
			border-radius: 3px;
			box-shadow: 0 1px 3px #ddd;
			-webkit-transition: 0.2s linear;
			-moz-transition: 0.2s linear;
			-ms-transition: 0.2s linear;
			-o-transition: 0.2s linear;
			transition: 0.2s linear;
			cursor: pointer;
		}
	
			.close:hover {
				background: #fefefe;
				background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(40%,#f8f8f8), color-stop(100%,#e9e9e9));
				background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
				background: -o-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
				background: -ms-linear-gradient(top,  #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
				background: linear-gradient(to bottom,  #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 );
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
				border: 1px solid #aaa;
			}
	
			.close:active {
				background: #f4f4f4;
				background: -moz-linear-gradient(top,  #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(40%,#efefef), color-stop(100%,#dcdcdc));
				background: -webkit-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: -o-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: -ms-linear-gradient(top,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				background: linear-gradient(to bottom,  #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dcdcdc',GradientType=0 );
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
			}
	
	 .reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}

h4 {color:#720000 !important; font-size:120% !important; font-weight:lighter; text-align:center; }