@charset "utf-8";

/*Myriad Pro Regular
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;

Myriad Pro Italic
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: italic;

Myriad Pro Bold
font-family: "myriad-pro", sans-serif;
font-weight: 700;
font-style: normal;

Myriad Pro Bold Italic
font-family: "myriad-pro", sans-serif;
font-weight: 700;
font-style: italic;

Myriad Pro Condensed
font-family: "myriad-pro-condensed", sans-serif;
font-weight: 400;
font-style: normal;

Myriad Pro Condensed Italic
font-family: "myriad-pro-condensed", sans-serif;
font-weight: 400;
font-style: italic;

Myriad Pro Bold Condensed
font-family: "myriad-pro-condensed", sans-serif;
font-weight: 700;
font-style: normal;

Myriad Pro Bold Condensed Italic
font-family: "myriad-pro-condensed", sans-serif;
font-weight: 700;
font-style: italic;

Myriad Pro SemiCondensed
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 400;
font-style: normal;

Myriad Pro SemiCondensed Italic
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 400;
font-style: italic;

Myriad Pro Bold SemiCondensed
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 700;
font-style: normal;

Myriad Pro Bold SemiCondensed Italic
font-family: "myriad-pro-semi-condensed", sans-serif;
font-weight: 700;
font-style: italic;

Myriad Pro SemiExtended
font-family: "myriad-pro-semiextended", sans-serif;
font-weight: 400;
font-style: normal;

Myriad Pro SemiExtended Italic
font-family: "myriad-pro-semiextended", sans-serif;
font-weight: 400;
font-style: italic;

Myriad Pro Bold SemiExtended
font-family: "myriad-pro-semiextended", sans-serif;
font-weight: 700;
font-style: normal;


Myriad Pro Bold SemiExtended Italic
font-family: "myriad-pro-semiextended", sans-serif;
font-weight: 700;
font-style: italic;*/


img {
width: 100%;
max-width: 100%;
height: auto;
}

@media \0screen {

img {
width: auto;
}

}

p {
margin: 20px;
}

body {
margin: 0;
padding: 0;
font-size: 20px;
color: #fff;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;
background-image: url(../images/fondo.png);
}

.wrapper_page {
display: block;
width: 100%;
background-image: url(../images/sombra.png);
background-position: center top;
background-repeat: repeat-x;
}

.page {
display: block;
width: 100%;
max-width: 800px;
margin: auto;
padding: 20px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.header {
display: block;
width: 100%;
max-width: 780px;
margin: auto;
padding: 20px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
border-bottom: solid 1px #fff;
margin-bottom: 20px;
}

.content {
display: block;
width: 100%;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.form {
display: block;
width: 100%;
}

.cols {
display: block;
width: calc(100% + 40px);
margin-left: -20px;
font-size: 0;
}

.row-50 {
display: inline-block;
width: 50%;
vertical-align: top;
}

.col-25 {
display: inline-block;
width: 25%;
font-size: 20px;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
color: #fff;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

.col-33 {
display: inline-block;
width: 33.33%;
font-size: 20px;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
color: #fff;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

.col-50 {
display: inline-block;
width: 50%;
font-size: 20px;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
color: #fff;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

.col-66 {
display: inline-block;
width: 66.66%;
font-size: 20px;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: middle;
color: #fff;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

.col-100 {
display: block;
width: 100%;
font-size: 20px;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
color: #fff;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

.middle {
vertical-align: middle;
}

.campo {
display: block;
width: 100%;
background-color: #fff;
border: solid 1px #000;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
color: #333;
font-size: 20px;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

::placeholder {
color: #333;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

.bt {
display: block;
background-color: #fff;
border: none;
font-size: 20px;
color: #333;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
margin-left: auto;
max-width: 120px;
text-align: center;
}

.foto {
display: block;
width: calc(100% + 300px);
margin-left: -150px;
margin-top: 20px;
}

.thanks {
display: block;
width: auto;
margin-top: -50px;
height: 100px;
}

.thanks img {
display: block;
width: auto;
height: 100px;
margin: auto;
}

.footer {
display: block;
width: 100%;
max-width: 780px;
margin: auto;
}

.footer .cols {
display: block;
width: calc(100% + 40px);
margin-left: -20px;
font-size: 20px;
font-size: 0;
}

.footer .col-50 {
display: inline-block;
width: 50%;
font-size: 20px;
padding: 20px 40px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
vertical-align: top;
}

.footer a, .footer a:hover, .footer a:visited {
color: #fff;
text-decoration: none;
}

.direccion {
display: block;
width: 100%;
padding-top: 20px;
margin-top: 20px;
border-top: solid 1px #fff;	
font-size: 20px;
color: #fff;
font-family: "myriad-pro", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
}

.social {
display: block;
width: 100%;
max-width: 780px;
margin: auto;
text-align: center;
padding: 20px 0 40px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.social p {
margin: 0 0 10px 0;
}

.social a, .social a:hover, .social a:visited {
color: #fff;
text-decoration: none;
}

.table {
display: table;
margin: auto;
}

.cell {
display: table-cell;
vertical-align: middle;
padding: 0 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}

.cell img {
max-width: 24px;
}

@media screen and (max-width: 800px) {
	
.header {
padding: 20px;
}	

.row-50 {
display: block;
width: 100%;
}

.cols, .footer .cols {
display: block;
width: 100%;
margin-left: 0px;
}

.col-25 {
display: block;
width: 100%;
}

.col-33 {
display: block;
width: 100%;
}

.col-50 {
display: block;
width: 100%;
}

.col-66 {
display: block;
width: 100%;
}

.col-100 {
display: block;
width: 100%;
}

.foto {
width: 100%;
margin-left: 0;
}
	
}