/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 19, 2014, 14:06:32 PM
    Author     : Dayron Ramida Coll
*/

/* fonts */

@font-face{
    font-family: "an";
    src: url("fonts/ARCHIVONARROW-REGULAR.eot");
    src: url("fonts/ARCHIVONARROW-REGULAR.otf") format("opentype"),
         url("fonts/ARCHIVONARROW-REGULAR.ttf") format("truetype"),
         url("fonts/ARCHIVONARROW-REGULAR.eot#iefix") format("embedded-opentype");
}

@font-face{
    font-family: "anb";
    src: url("fonts/ARCHIVONARROW-BOLD.eot");
    src: url("fonts/ARCHIVONARROW-BOLD.otf") format("opentype"),
         url("fonts/ARCHIVONARROW-BOLD.ttf") format("truetype"),
         url("fonts/ARCHIVONARROW-BOLD.eot#iefix") format("embedded-opentype");
}

@font-face{
    font-family: "gb";
    src: url("fonts/Gotham-Book.eot");
    src: url("fonts/Gotham-Book.otf") format("opentype"),
         url("fonts/Gotham-Book.ttf") format("truetype"),
         url("fonts/Gotham-Book.eot#iefix") format("embedded-opentype");
}

@font-face{
    font-family: "gbb";
    src: url("fonts/Gotham-Bold.eot");
    src: url("fonts/Gotham-Bold.otf") format("opentype"),
         url("fonts/Gotham-Bold.ttf") format("truetype"),
         url("fonts/Gotham-Bold.eot#iefix") format("embedded-opentype");
}

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* common */
body{font-family: Arial;}
p{margin-bottom: 24px;}
.pcontent img{max-width: 100%;}

#wrapper{background: #fff;}

.border{border-radius: 5px; -webkit-border-radius: 5px;}

/* mi css */

#header{min-height: 110px; background: #F6F3F4 url('images/header.jpg') repeat-x top left;}
#header #site-logo{float: left; margin-top: 22px;}
#header .phone{float: right; margin-top: 14px; padding-left: 70px; background: url('images/phone.png') no-repeat center left; font-family: "anb"; font-size: 40px; color: #1E120D; line-height: 39px;}

#form-container{min-height: 615px; background: #B6A056 url('images/form.jpg') no-repeat center right;}
#form-container .form{max-width: 335px; float: right; margin-top: 43px;}

.form{border: 10px solid #fff; width: 100%; border-radius: 5px; -webkit-border-radius: 10px; position: relative;}
.form img.book{position: absolute; left: -287px; top: 44px;}
.form img.shadow1{position: absolute; bottom: -38px; left: 50%; margin-left: -269px; }
.form .internal{min-height: 400px; padding: 15px; background: #ECEDEF;}
.form .heading{padding: 10px 30px; text-align: center; background: #B6A056; font-family: "anb"; font-size: 25px; color: #1E120D; line-height: 30px; margin-bottom: 29px;}
.form .heading span{color: #fff;}
.form .inputs{margin-left: 10px; text-align: center;}
.form input[type="text"],
.form input[type="email"]{font-size: 18px; color: #1E120D; padding: 0; margin-bottom: 8px; padding-left: 3%; width: 97%; height: 45px; background: #fff; border: 2px solid #B6A056; max-width: 100%; box-shadow: none; }
.form input[type="submit"]{cursor: pointer; margin: 0 auto; margin-top: 18px; border: none; padding: 0; color: transparent; width: 280px; height: 62px; background: url('images/submit.png');}

#form-container .text{max-width: 350px; padding-top: 90px; text-align: center; float:left; }
#form-container .text h2{font-family: "anb"; font-size: 140px; color: #1E120D; line-height: 140px; margin-bottom: 20px;}
#form-container .text h3{font-family: "anb"; font-size: 31px; color: #1E120D; line-height: 32px; margin-bottom: 40px;}
#form-container .text h4{font-family: "an"; font-size: 24px; color: #1E120D; line-height: 30px;}
#form-container .text span{color: #fff;}

.shadow{margin-top: 6px; margin-bottom: 40px;}

.pcontent{font-family: "an"; font-size: 25px; line-height: 36px; color: #5B5B5F;}
.pcontent p span{color: #B6A056;}
.pcontent h3{font-family: "anb"; font-size: 46px; line-height: 48px; color: #1E120D; margin-top: 50px;}
.pcontent h5{font-family: "anb"; color: #1E120D; margin-bottom: 10px;}
.pcontent .special{border: 12px solid #D8D9DD; padding: 35px; background: #B6A056;}
.pcontent .special ul{list-style: none;}
.pcontent .special ul li{background: url('images/li.png') no-repeat left 5px; font-family: "an"; font-size: 30px; line-height: 36px; color: #1E120D; padding-left: 54px; margin-bottom: 30px;}
.pcontent .special ul li:last-child{margin-bottom: 0;}

.block .bheader{border: 1px solid #B6B4B9; font-family: "anb"; font-size: 58px; line-height: 60px; color: #1E120D; background: #fff url('images/bheader.jpg') repeat-x top left; text-align: center; padding: 40px 0;}
.block .bheader span{color: #B6A056;}
.block .bcontent{background: url('images/bcontent.jpg') no-repeat top center; max-width: 760px; margin: 0 auto; padding: 50px; border: 1px solid #645D5A; border-top: 0;}
.block .bcontent ul{list-style: none;}
.block .bcontent ul li{background: url('images/li1.png') no-repeat left 5px; font-family: "an"; font-size: 30px; line-height: 36px; color: #1E120D; padding-left: 54px; margin-bottom: 30px;}
.block .bcontent ul li:last-child{margin-bottom: 0;}
.block .monedas{margin-bottom: -185px; margin-top: 60px;}

.blockspecial{border: 1px solid #CDBE8D; margin-top: 185px;}
.blockspecial h2{background: #fff; padding: 0 20px; margin: 0 auto; margin-top: -30px; text-align: center; max-width: 860px; font-family: "anb"; font-size: 58px; color: #1E120D; line-height: 58px;}
.blockspecial h3{font-family: "anb"; font-size: 49px; line-height: 60px; color: #B6A056; text-align: center; margin-bottom: 5px;} 
.blockspecial .heading{padding: 25px 45px; background: #B6A056; color: #fff;}
.blockspecial .header{width: 100%; max-width: 465px; margin: 0 auto; margin-bottom: 30px; text-align: center; font-family: "anb"; font-size: 38px; line-height: 48px; color: #B6A056; background: url('images/bheader1.png') no-repeat center right, url('images/bheader1.png') no-repeat center left;}
.blockspecial .bcontent{padding: 40px 70px;}
.blockspecial ul{list-style: none;}
.blockspecial ul li{background: url('images/li1.png') no-repeat left 5px; font-family: "an"; font-size: 30px; line-height: 36px; color: #88868A; padding-left: 54px; margin-bottom: 30px;}
.blockspecial ul li:last-child{margin-bottom: 0;}

.pform{min-height: 500px; background: #B6A056 url('images/form.jpg') no-repeat center right; position: relative;}
.pform .form{max-width: 460px; margin-left: 350px; margin-top: -60px; position: absolute; }
.pform .form .inputs{margin: 0 auto; max-width: 365px;}

.bheader .dorm{margin-bottom: -70px;}

.members{margin-top: 200px;}
.members .separator{margin-bottom: 200px;}
.member{max-width: 260px; position: relative; border: 1px solid #C9B882; padding: 10px; background: #fff; margin: 0 auto; text-align: center;}
.member .internal{padding: 8px; background: #fff url('images/internal.jpg') repeat-x top left;}
.member.big .internal{min-height: 400px;}
.member.small .internal{min-height: 300px;}
.member .pict{border: 10px solid #B6A056; border-radius: 50%; -webkit-border-radius: 50%; margin-top: -175px; margin-bottom: 30px;}
.member .content{text-align: left; margin-bottom: 10px;}
.member p{font-family: "gb"; font-size: 18px; line-height: 21px; color: #88868A;}
.member b{font-family: "gbb"; font-size: 18px; line-height: 21px; color: #5B5B5F;}
.member .dorm2{bottom: -11px; left: 50%; margin-left: -62px; position: absolute;}

.hb{text-align: center; border: 1px solid #D2C498; position: relative; padding: 0 70px; margin-bottom: 25px;}
.hb .dleft{position: absolute; left: -105px; top: 15px;}
.hb .dright{position: absolute; right: -105px; top: 15px;}
.hb .top{margin-bottom: 30px;}
.hb h2{font-family: "anb"; font-size: 56px; line-height: 58px; color: #5B5B5F; margin-bottom: 10px;}
.hb h3{font-family: "an"; font-size: 46px; line-height: 48px; color: #B6A056; margin-bottom: 10px; max-width: 630px; margin: 0 auto; margin-bottom: 25px;}

.decored{font-family: "an"; font-size: 30px; line-height: 34px; color: #5B5B5F; border: 2px solid #B6A056; background: url('images/decored.jpg'); padding: 35px 25px;}
.decored .internal{border: 8px solid #B6A056; padding: 15px 10px; background: #fff;}
.decored .internal1{border: 1px solid #B6A056; padding: 35px 25px;}
.decored h3{font-family: "anb"; font-size: 40px; line-height: 40px; color: #B6A056; margin-bottom: 25px;}
.decored .header{width: 100%; max-width: 465px; margin: 0 auto; margin-bottom: 30px; text-align: center; font-family: "anb"; font-size: 38px; line-height: 48px; color: #1E120D; background: url('images/bheader1.png') no-repeat center right, url('images/bheader1.png') no-repeat center left;}
.decored .img1{margin-top: -80px; margin-right: -15px;}
.decored .img2{margin-right: -100px; margin-top: -15px;}
.decored .img3{margin-right: -90px;}
.decored ul li{background: url('images/li3.png') no-repeat left 5px; font-family: "an"; font-size: 30px; line-height: 36px; color: #1E120D; padding-left: 48px; margin-bottom: 30px;}
.decored ul li:last-child{margin-bottom: 0;}
.decored b{color: #1E120D; font-family: "anb";}

#footer{line-height: 21px; font-size: 14px; color: #727276; padding-bottom: 25px; padding-top: 60px;}
.partners{padding: 50px 0; margin-bottom: 40px; text-align: center; background: url('images/dorm5.png') no-repeat top center, url('images/dorm6.png') no-repeat bottom center;}
.partners img{margin: 0 40px;}
.copy{text-align: center; background: #050000 url('images/copy.jpg') repeat-x top left; padding: 25px 0; line-height: 21px; font-size: 14px; color: #fff; margin-bottom: 25px;}

span.time-roman { font-family:"Times New Roman", Times, serif !important; color:inherit !important; }


@media only screen and (max-width:990px){
   
    #form-container{padding: 40px 0; background-size: cover; -webkit-background-size: cover;}
    #form-container .form{float: none; margin: 0 auto; max-width: 460px;}
    .form .inputs{margin: 0 auto; max-width: 365px;}
    .form img.book{max-width: 150px; left: -80px; top: -25px;}
    #form-container .text{max-width: 100%; text-align: center; float: none; margin-bottom: 40px; padding-top:20px; }
    
    .pcontent{text-align: center;}
    .pcontent h3{margin-bottom: 10px;}
    .pcontent ul{text-align: left;}
    .pcontent img.right{float: none; margin: 0 auto; margin-bottom: 10px;}
    
    .pform{padding: 40px 0; background-size: cover; -webkit-background-size: cover;}
    .pform .form{margin: 0 auto; position: relative;}
    
    .members .grid33{float: none; width: 100%; margin-right: 0; margin-bottom: 20px;}
    .member{margin-bottom: 190px;}
    .member.big .internal, .member.small .internal{min-height: 0;}
    .members .grid33:last-child .member{margin-bottom: 0;}
    
    .hb .dright, .hb .dleft{display: none;}
    
    .decored{text-align: center;}
    .decored ul{text-align: left;}
    .right, .decored .img1, .decored .img2, .decored .img3{float: none; margin: 0 auto; margin-bottom: 10px;}
}





@media only screen and (max-width:740px){

    #header{text-align: center; padding: 20px 0;}
    #header #site-logo{float: none; margin: 0 auto; max-width: 90%;}
    #header .phone{font-size: 40px; line-height: 40px; float: none; background-position: top center; padding: 0; padding-top: 70px;}
    
}

@media only screen and (max-width:600px){
    
    .form img.book{display: none;}
    .form{max-width: 100%; border: none;}
    .form input[type="submit"]{max-width: 100%; background-size: contain; background-repeat: no-repeat;}
    
    #form-container .text h2{font-size: 50px; line-height: 50px;}
    .pcontent h3, .decored h3{font-size: 34px; line-height: 34px;}
    .pcontent .special{border: none;}
   /* .pcontent .special ul li, .block .bcontent ul li, .decored ul li, .blockspecial ul li{padding: 0; text-align: center; background-position: top center; padding-top: 30px; margin-bottom: 10px;}*/
    .block .bheader, .blockspecial h2, .hb h2{font-size: 34px; line-height: 34px;}
    .block .bcontent{padding: 0 10px;}
    .pcontent .special, .blockspecial .heading, .blockspecial .bcontent{padding: 10px;}
    .block .monedas{margin: 0 auto; }
    .blockspecial{margin-top: 60px;}
    .blockspecial .header, .decored .header{background: none;}
    .hb .top{max-width: 100%;}
    .hb{padding: 5px;}
    .decored{padding: 0; border: 0;}
    img{max-width: 100%;}
    .decored .internal{padding: 0;}
    .decored .internal1{padding: 5px;}
    p.justify{text-align: justify;}
    
}