@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#CCCCCC;
	background-image:url(images/background-grayscale.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;

}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

a img {
	text-decoration: none;
	border: 0 none;
}

a.image-border {
	text-decoration: none;
	border: 0 none;
}

a.accesos:link {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}

a.accesos:visited {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}

a.accesos:hover {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}

a.accesos:active {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}


a.links:link {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}
a.links:visited {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}
a.links:hover {
    text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}
a.links:active {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}



a.links2:link {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2C679F;
}
a.links2:visited {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2C679F;
}
a.links2:hover {
    text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2C679F;
}
a.links2:active {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2C679F;
}



a.links3:link {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
a.links3:visited {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
a.links3:hover {
    text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2C679F;
}
a.links3:active {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}







a.links_black:link {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
a.links_black:visited {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
a.links_black:hover {
    text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
a.links_black:active {
	text-decoration: none;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.style1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.style2 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.style3 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7A7A7A;
}

.style4 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2C679F;
}

.style5 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.style6 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2C679F;
}

.style7 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.style8 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.style9 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #2C679F;
}

.style10 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

.style11 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.style12 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2C679F;
}

.style13 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
}



#flotante1 {
 position:fixed;
 top:0px;
 right:-265px;
 float:right;
 width:288px;
 display:block;
 padding:0;
 z-index:1002;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 }
 
  #flotante2 {
  position:fixed;
  top:100px;
  right:-265px;
  float:right;
  width:288px;
  display:block;
  padding:0;
  z-index:1003;
  border-radius:10px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
 }
 
 #flotante3 {
 position:fixed;
 top:200px;
 right:-265px;
 float:right;
 width:288px;
 display:block;
 padding:0;
 z-index:1004;
 border-radius:10px;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 }
 
 #flotante4 {
 position:fixed;
 top:300px;
 right:-265px;
 float:right;
 width:288px;
 display:block;
 padding:0;
 z-index:1005;
 border-radius:10px;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 }
 
 
 
 #flotante1:hover, #flotante2:hover, #flotante3:hover, #flotante4:hover {
 right:0px;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 }
 
 
 
  #flotante_left1 {
  position:fixed;
  top:0px;
  left:-265px;
  float:left;
  width:288px;
  display:block;
  padding:0;
  z-index:900;
  border-radius:10px;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
 }

 #flotante_left2 {
 position:fixed;
 top:100px;
 left:-265px;
 float:left;
 width:288px;
 display:block;
 padding:0;
 z-index:901;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 }

 
 
 #flotante_left1:hover, #flotante_left2:hover {
 left:0px;
 -moz-transition: all 1s;
 -webkit-transition: all 1s;
 -o-transition: all 1s;
 }
 
 
 div.likeboxwrap {
 margin-top:-5px;
 margin-left:-45px;
 width:238px; 
height:325px;
 background-color:#fff;
 overflow:hidden;
 border-radius:10px;
 }
 
 
div.fotos {
background-color: #ffffff;
border: 2px solid #2C679F;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 8px #000000;
-webkit-box-shadow: 0px 0px 8px #000000;
box-shadow: 0px 0px 8px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
margin: 10px 10px 10px 10px;
}

div.recuadro {
background-color: #ffffff;
border: 2px solid #2C679F;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 8px #000000;
-webkit-box-shadow: 0px 0px 8px #000000;
box-shadow: 0px 0px 8px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
margin: 10px 10px 10px 10px;
}

div.boletas {
background-color: #ffffff;
border: 2px solid #2C679F;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
margin: 10px 10px 10px 10px;
}



.contacto{
	padding: 20px 20px 20px;
	margin-top: 0px;
	height: 306px;
}
.contacto label{
	display: block; 
	font-weight: bold;
}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 3px #EEF5F7;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='text'].invalido, .contacto textarea.invalido{
	box-shadow:0 0 0 3px #FFC9C9;
}
.contacto input[type='submit']{
	border: 1px solid #CED5D7;
	box-shadow:0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
.error{
    background-color: #BC1010;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;
    padding: 6px 12px;
    position: absolute;
}
.error:before{
    border-color: transparent #BC1010 transparent transparent;
    border-style: solid;
    border-width: 6px 8px;
    content: "";
    display: block;
    height: 0;
    left: -16px;
    position: absolute;
    top: 8px;
    width: 0;
}
.result_fail{
    background: none repeat scroll 0 0 #BC1010;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.result_ok{
    background: none repeat scroll 0 0 #1EA700;
    border-radius: 10px 10px 10px 10px;
    color: white;
    font-weight: bold;
    padding: 0px 10px;
    text-align: center;
}