@charset "utf-8";

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size: 4.1em;margin: 1.2em 0;}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:0 0 1.57em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0; list-style:none;}dd{margin:0 0 0 40px}menu,ol,ul{padding:0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



html, button, input, select, textarea {
    color:#222;
}
body {
    font-size:1em;
    line-height:1.4;
}
::-moz-selection {
    background:#b3d4fc;
    text-shadow:none;
}
::selection {
    background:#b3d4fc;
    text-shadow:none;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
img {
    vertical-align:middle;
}
fieldset {
    border:0;
    margin:0;
    padding:0;
}
textarea {
    resize:vertical;
}
.chromeframe {
    margin:0.2em 0;
    background:#ccc;
    color:#000;
    padding:0.2em 0;
}
a:hover, a:active, a:focus, a {
    outline:0;
    text-decoration:none;
}
a, img {
    border:none;
    outline-style:none;
}
body {
    background:url('imagenes/pattern-header.gif') repeat;
    font-family:'Open Sans', sans-serif;
    font-style:normal;
    font-weight:300;
}
#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#a3cdcc;
    z-index:99;
}
#status {
    width:230px;
    height:160px;
    position:absolute;
    left:47%;
    top:50%;
    background-image:url('imagenes/load.gif');
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px;
}

/* === Header Section === */

#header-container {
    height:auto;
    width:100%;
   
}
.nav-container-fixed {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#8b9d8b;
    z-index:2;
}
.nav-container-normal,.nav-container-no-move {
    background:#8b9d8b;
    position:relative;
}
.nav-container {
    position:relative;
}
.header {
    padding:0 30px;
    position:relative;
}
.header-social {
    height:30px;
    padding-top:105px;
    z-index:1;
}
.header-social ul {
    margin:0;
    padding:0;
    list-style:none;
}
.header-social ul li {
    float:left;
}
.header-social ul li a > div {
    webkit-transition:background 0.2s ease-in;
    moz-transition:background 0.2s ease-in;
    ms-transition:background 0.2s ease-in;
    o-transition:background 0.2s ease-in;
    transition:background 0.2s ease-in;
}
.social-box {
    background:#FFF url(imagenes/social-shadow.png) no-repeat bottom left;
    width:30px;
    height:30px;
    z-index:11;
}
.twitter-btn {
    background:url('imagenes/social-icons.png') 0 0;
    width:30px;
    height:30px;
}
.facebook-btn {
    background:url('imagenes/social-icons.png') -30px 0;
    width:30px;
    height:30px;
}
.dribble-btn {
    background:url('imagenes/social-icons.png') -60px 0;
    width:30px;
    height:30px;
}
.pinterest-btn {
    background:url('imagenes/social-icons.png') -90px 0;
    width:30px;
    height:30px;
}
.google-btn {
    background:url('imagenes/social-icons.png') -120px 0;
    width:30px;
    height:30px;
}
.header-social ul li a:hover .twitter-btn {
    background:#FFF url('imagenes/social-icons.png') 0 -30px;
}
.header-social ul li a:hover .facebook-btn {
    background:#FFF url('imagenes/social-icons.png') -30px -30px;
}
.header-social ul li a:hover .dribble-btn {
    background:#FFF url('imagenes/social-icons.png') -60px -30px;
}
.header-social ul li a:hover .pinterest-btn {
    background:#FFF url('imagenes/social-icons.png') -90px -30px;
}
.header-social ul li a:hover .google-btn {
    background:#FFF url('imagenes/social-icons.png') -120px -30px;
}
.header-social ul li a:hover > div {
    webkit-transition:background 0.2s ease-in;
    moz-transition:background 0.2s ease-in;
    ms-transition:background 0.2s ease-in;
    o-transition:background 0.2s ease-in;
    transition:background 0.2s ease-in;
}
.header-portrait {
    height:auto;
    float:left;
    position:relative;
}
.photo-frame {
    padding:10%;
    background:#FFF;
    height:auto;
}
.photo-frame img {
    width:100%;
}
.photo-shadow {
    background:url('imagenes/shadow_2.png') no-repeat top left;
    position:absolute;
    left:-30px;
    top:0px;
    width:30px;
    height:323px;
}
.header-carusel {
    position:relative;
    width:60%;
    float:left;
    padding-left:5%;
}
.carusel-shadow {
    position:absolute;
    left:0px;
    bottom:-30px;
    height:30px;
    z-index:1;
    display:block;
}
#my-slider {
    margin-bottom:0px !important;
}
.header h1 {
    color:#FFF;
    font-family:'Skranji', cursive;
    font-style:normal;
    font-weight:300;
    font-size:400%;
    position:absolute;
    right:30px;
    top:74px;
    margin:0;
    opactiy:0;
    animation-duration:3s;
    animation-name:slidein;
}
@-moz-keyframes slidein {
    0% {
    padding-right:300px;
    opactiy:0;
}
to {
    padding-right:0px;
    opactiy:1;
}
}
.carusel {
    height:auto;
    background:#FFF;
    padding:6.5%;
    position:relative;
    z-index:2;
}
.main-nav {
    webkit-transition:all 0.2s ease-in-out;
    moz-transition:all 0.2s ease-in-out;
    ms-transition:all 0.2s ease-in-out;
    o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.main-nav ul {
    margin:0;
    padding:0;
}
.main-nav li a {
    position:relative;
}
.main-nav a {
    display:block;
    margin-bottom:10px;
    padding:25px 0;
    text-align:center;
    text-decoration:none;
    color:#FFF;
    height:100px;
}
.main-nav a:hover, .main-nav a:visited {
    color:#FFF;
    background:#7e917e;
}
.main-nav a:hover {
    text-decoration:underline;
    webkit-transition:all 0.5s ease-in;
    moz-transition:all 0.5s ease-in;
    ms-transition:all 0.5s ease-in;
    o-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in;
}
.about-text, .resume-text, .portfolio-text, .contact-text {
    font-family:'Skranji', cursive;
    font-style:normal;
    font-weight:300;
    font-size:24px;
    width:100%;
    position:absolute;
    top:36px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(Opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1;
    webkit-transition:all 0.3s ease-in-out 0s;
    moz-transition:all 0.3s ease-in-out 0s;
    ms-transition:all 0.3s ease-in-out 0s;
    o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
}
.main-nav li a:hover .about-text, .main-nav li a:hover .resume-text, .main-nav li a:hover .portfolio-text, .main-nav li a:hover .contact-text {
    top:10px;
    left:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    -moz-opacity:0;
    opacity:0;
    webkit-transition:all 0.2s ease-out 0s;
    moz-transition:all 0.2s ease-out 0s;
    ms-transition:all 0.2s ease-out 0s;
    o-transition:all 0.2s ease-out 0s;
    transition:all 0.2s ease-out 0s;
    -webkit-transform:rotate(-40deg);
    -moz-transform:rotate(-40deg);
    -ms-transform:rotate(-40deg);
    transform:rotate(-40deg);
}
.nav-icon {
    left:37%;
    position:absolute;
    top:80px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter:alpha(opacity=0);
    -khtml-opacity:0;
    -moz-opacity:0;
    opacity:0;
    webkit-transition:all 0.3s ease-in-out 0s;
    moz-transition:all all 0.3s ease-in-out 0s;
    ms-transition:all 0.3s ease-in-out 0s;
    o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
    -webkit-transform:rotate(120deg);
    -moz-transform:rotate(120deg);
    -ms-transform:rotate(120deg);
    transform:rotate(120deg);
}
.main-nav li a:hover .nav-icon {
    text-decoration:none;
    top:30px;
    font-size:46px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(Opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1;
    webkit-transition:all 0.3s ease-in-out 0s;
    moz-transition:all all 0.3s ease-in-out 0s;
    ms-transition:all 0.3s ease-in-out 0s;
    o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
}
.main-nav .active-icon a {
    background:#7e917e !important;
}

/* === About Section === */

#about {
	background: #71726c url('imagenes/pattern-about.gif') repeat;
	clear: both;
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	background-color: #71726c;
}
.clouds_one {
    z-index:-1;
    background:url("imagenes/about-cloud-1.png") repeat-x;
    position:absolute;
    right:0;
    top:100px;
    height:499px;
    width:1477px;
    -webkit-animation:cloud_one 50s linear infinite;
    -moz-animation:cloud_one 50s linear infinite;
    -o-animation:cloud_one 50s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
.clouds_two {
    z-index:-1;
    background:url("imagenes/about-cloud-2.png") repeat-x;
    position:absolute;
    right:0;
    top:206px;
    height:499px;
    width:1477px;
    -webkit-animation:cloud_two 100s linear infinite;
    -moz-animation:cloud_two 100s linear infinite;
    -o-animation:cloud_two 100s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
 @-webkit-keyframes cloud_one {
    0% {
    right:0}
 100% {
    right:100%}
}
 @-webkit-keyframes cloud_two {
    0% {
    right:0}
 100% {
    right:100%}
}
 @-moz-keyframes cloud_one {
    0% {
    right:0}
 100% {
    right:100%}
}
 @-moz-keyframes cloud_two {
    0% {
    right:0}
 100% {
    right:100%}
}
.about h1 {
    font-family:'Skranji', cursive;
    font-weight:300;
    color:#aad5d4;
}
.about {
	margin: 0 auto;
	padding: 0 60px;
	width: 800px;
	color: #93CCD0;
}
.about a {
	color: #93CCD0;
	webkit-transition: all 0.2s linear;
	moz-transition: all 0.2s linear;
	ms-transition: all 0.2s linear;
	o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.about a:hover {
    color:#fff;
    webkit-transition:all 0.2s linear;
    moz-transition:all 0.2s linear;
    ms-transition:all 0.2s linear;
    o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.about-photo {
    float:left;
    background:#aad5d4;
    margin-bottom:40px;
    margin-right:5%;
    position:relative;
}
.about-photo img {
    width:100%;
}
.tape-left {
    background:url('imagenes/tape.png') no-repeat top left;
    width:89px;
    height:89px;
    position:absolute;
    top:-30px;
    left:-30px;
}
.tape-right {
    background:url('imagenes/tape.png') no-repeat bottom right;
    width:89px;
    height:89px;
    position:absolute;
    bottom:-30px;
    right:-30px;
}
.about-address {
    clear:right;
    float:right;
    width:30%;
    text-align:right;
}
.about-me-text {
    text-align:justify;
    line-height:1.8;
    clear:both;
    padding:50px;
    background:#585956;
    margin-bottom:100px;
}
.btn {
	background: #585956;
	padding: 5px 20px;
	color: #585956;
}
.btn:hover {
	background: #585956;
	color: #585956;
}
.btn i {
    padding:0 0 0 20px;
}

/* === Resume Section === */

#resume {
    background:#adae82 url('imagenes/pattern-resume.gif') repeat;
    width:100%;
    overflow:hidden;
    position:relative;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
.resume-monster {
    background:url('imagenes/resume_monster.png') no-repeat bottom left;
}
.stars_one {
    z-index:-1;
    background:url("imagenes/resume-star-1.png") repeat-x;
    position:absolute;
    left:0;
    top:100px;
    height:499px;
    width:1477px;
    -webkit-animation:stars_one 50s linear infinite;
    -moz-animation:stars_one 50s linear infinite;
    -o-animation:stars_one 50s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
.stars_two {
    z-index:-1;
    background:url("imagenes/resume-star-2.png") repeat-x;
    position:absolute;
    left:0;
    top:0;
    height:499px;
    width:1477px;
    -webkit-animation:stars_two 100s linear infinite;
    -moz-animation:stars_two 100s linear infinite;
    -o-animation:stars_two 100s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
 @-webkit-keyframes stars_one {
    0% {
    left:0}
 100% {
    left:100%}
}
 @-webkit-keyframes stars_two {
    0% {
    left:0}
 100% {
    left:100%}
}
 @-moz-keyframes stars_one {
    0% {
    left:0}
 100% {
    left:100%}
}
 @-moz-keyframes stars_two {
    0% {
    left:0}
 100% {
    left:100%}
}
.resume h1 {
    font-family:'Skranji', cursive;
    font-weight:300;
    color:#FFF;
    text-align:right;
}
.resume h2 {
    color:#FFF;
    font-family:'Skranji', cursive;
    font-style:normal;
    font-weight:300;
    margin-bottom:-10px !important;
    margin-top:0px !important;
}
.resume {
    margin:0 auto;
    padding:0 60px 100px 60px;
    width:800px;
    color:#717f7f;
}
.resume a {
    color:#717f7f;
    webkit-transition:all 0.2s linear;
    moz-transition:all 0.2s linear;
    ms-transition:all 0.2s linear;
    o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.resume a:hover {
    color:#8cb9b8;
    webkit-transition:all 0.2s linear;
    moz-transition:all 0.2s linear;
    ms-transition:all 0.2s linear;
    o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.resume-column-left {
    background:url('imagenes/resume-column-shadow.png') no-repeat bottom left;
    padding-bottom:30px;
    float:left;
    width:35%;
    margin-right:5%;
}
.resume-column-right {
    width:60%;
    float:left;
}
.column-left, .column-right {
    padding:30px;
    background:#FFF;
}
.resume-article {
    background:url('imagenes/resume-box-shadow.png') no-repeat bottom left;
    padding-bottom:30px;
    float:left;
}
.resume h3 {
    font-family:'Skranji', cursive;
    font-size:24px;
    font-weight:300;
}
.resume h3 span {
    background:#a3cdcc;
    padding:10px;
    color:#FFF;
    font-size:14px;
    padding:5px 20px;
    margin:3px 20px 0 0;
    float:left;
}
.resume p {
    font-size:16px;
    margin:20px 0;
}
.skill span {
    height:15px;
    margin:4px 0 0 0;
    width:95px;
}
.skills ul {
    font-size:16px;
    padding:0px;
}
.skill {
    margin-bottom:5px;
    font-size:16px;
    padding:2px 0;
}
.skill:last-child {
    padding-bottom:25px;
}
.skill-square-0 {
    background:url("imagenes/skills-sprite.png") repeat 0 0;
}
.skill-square-1 {
    background:url("imagenes/skills-sprite.png") repeat 0 -15px;
}
.skill-square-2 {
    background:url("imagenes/skills-sprite.png") repeat 0 -30px;
}
.skill-square-3 {
    background:url("imagenes/skills-sprite.png") repeat 0 -45px;
}
.skill-square-4 {
    background:url("imagenes/skills-sprite.png") repeat 0 -60px;
}
.skill-square-5 {
    background:url("imagenes/skills-sprite.png") repeat 0 -75px;
}
.skill-round-0 {
    background:url("imagenes/skills-sprite.png") repeat 95px 0;
}
.skill-round-1 {
    background:url("imagenes/skills-sprite.png") repeat 95px -15px;
}
.skill-round-2 {
    background:url("imagenes/skills-sprite.png") repeat 95px -30px;
}
.skill-round-3 {
    background:url("imagenes/skills-sprite.png") repeat 95px -45px;
}
.skill-round-4 {
    background:url("imagenes/skills-sprite.png") repeat 95px -60px;
}
.skill-round-5 {
    background:url("imagenes/skills-sprite.png") repeat 95px -75px;
}
.skill-star-0 {
    background:url("imagenes/skills-sprite.png") repeat 190px 0;
}
.skill-star-1 {
    background:url("imagenes/skills-sprite.png") repeat 190px -15px;
}
.skill-star-2 {
    background:url("imagenes/skills-sprite.png") repeat 190px -30px;
}
.skill-star-3 {
    background:url("imagenes/skills-sprite.png") repeat 190px -45px;
}
.skill-star-4 {
    background:url("imagenes/skills-sprite.png") repeat 190px -60px;
}
.skill-star-5 {
    background:url("imagenes/skills-sprite.png") repeat 190px -75px;
}

/* === Portfolio Section === */

.portfolio-content {
    text-align:center;
}
#portfolio {
    background:#FFF url('imagenes/pattern-portfolio.gif') repeat;
    width:100%;
    overflow:hidden;
    position:relative;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
.portfolio h1 {
    font-family:'Skranji', cursive;
    font-weight:300;
    color:#708b8a;
}
.portfolio {
    padding:0 60px 100px 60px;
    margin:0 auto;
    width:800px;
    color:#717f7f;
}
.portfolio a {
    color:#717f7f;
    webkit-transition:all 0.2s linear;
    moz-transition:all 0.2s linear;
    ms-transition:all 0.2s linear;
    o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.portfolio a:hover {
    color:#8cb9b8;
    webkit-transition:all 0.2s linear;
    moz-transition:all 0.2s linear;
    ms-transition:all 0.2s linear;
    o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
#portfolio-nav {
    display:table;
    table-layout:fixed;
    text-align:center;
    margin-bottom:26px;
}
#portfolio-nav li {
    display:table-cell;
    width:auto;
    padding-right:3px;
    height:auto;
    vertical-align:bottom;
}
.portfolio-categ {
    margin-bottom:30px;
    margin:0;
    padding:0;
    width:100%;
}
.portfolio-categ li a {
    color:#FFF;
    background:#7E917E;
    display:block;
    min-height:100%;
    padding:10px;
}
.portfolio-categ li a:hover {
    color:#FFF;
    background:#9bc3c2;
}
.portfolio-categ li:hover {
    cursor:pointer;
}
.portfolio-categ .active {
	color: #FFF;
	background: #708B8A !important;
}
.portfolio-categ .active a {
    color:#FFF;
    background:#ADAE82 !important;
}
.portfolio-categ li:last-child {
    padding-right:0 !important;
}
.portfolio-gallery {
    margin-bottom:100px;
    padding-top:20px;
    text-align:center;
    width:100%;
}
.portfolio-gallery li {
    overflow:hidden;
    position:relative;
    margin:6px;
    display:inline-block;
    margin-bottom:10px;
    border:30px solid #A3CDCC;
}
.portfolio-gallery li a {
    color:#FFF;
    line-height:1.9;
    display:block;
    left:0;
    position:absolute;
    text-align:center;
    top:36%;
    width:190px;
    webkit-transition:all 0.35s linear;
    moz-transition:all 0.35s linear;
    o-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.portfolio-gallery li a:hover {
    color:#FFF;
}
.portfolio-gallery img {
    width:190px;
    text-align:center;
}
.portfolio .sign {
    font-size:36px;
    webkit-transition:all 0.3s ease-in-out 0s;
    moz-transition:all all 0.3s ease-in-out 0s;
    ms-transition:all 0.3s ease-in-out 0s;
    o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
}
.portfolio .sign:hover {
    webkit-transition:all 0.3s ease-in-out 0s;
    moz-transition:all all 0.3s ease-in-out 0s;
    ms-transition:all 0.3s ease-in-out 0s;
    o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
    -webkit-transform:rotate(1800deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.itemZoom {
    opactiy:0;
    opacity:0;
    filter:alpha(opacity = 0);
}
.item {
    background:#A3CDCC;
    width:190px;
    height:190px;
}
.pencil_one {
    z-index:-1;
    background:url("imagenes/portfolio-pencil-1.png") repeat-x;
    position:absolute;
    right:0;
    top:100px;
    height:499px;
    width:1477px;
    -webkit-animation:pencil_one 50s linear infinite;
    -moz-animation:pencil_one 50s linear infinite;
    -o-animation:pencil_one 50s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
.pencil_two {
    z-index:-1;
    background:url("imagenes/portfolio-pencil-2.png") repeat-x;
    position:absolute;
    right:0;
    top:506px;
    height:499px;
    width:1477px;
    -webkit-animation:pencil_two 100s linear infinite;
    -moz-animation:pencil_two 100s linear infinite;
    -o-animation:pencil_two 100s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
 @-webkit-keyframes pencil_one {
    0% {
    right:0}
 100% {
    right:100%}
}
 @-webkit-keyframes pencil_two {
    0% {
    right:0}
 100% {
    right:100%}
}
 @-moz-keyframes pencil_one {
    0% {
    right:0}
 100% {
    right:100%}
}
 @-moz-keyframes pencil_two {
    0% {
    right:0}
 100% {
    right:100%}
}

/* === Contact Section === */

#contact {
    background:#262626 url('imagenes/pattern-contact.gif') repeat;
    width:100%;
    overflow:hidden;
    position:relative;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
.contact-monster {
    padding-bottom:100px;
}
.contact h1 {
    font-family:'Skranji', cursive;
    font-weight:300;
    color:#FFF;
    text-align:right;
}
.contact {
    margin:0 auto;
    width:800px;
    color:#FFF;
    padding:0 60px 100px 60px;
}
.contact a {
    color:#FFF;
    webkit-transition:all 0.2s linear;
    moz-transition:all 0.2s linear;
    ms-transition:all 0.2s linear;
    o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.contact a:hover {
    color:#a3cdcc;
    webkit-transition:all 0.2s linear;
    moz-transition:all 0.2s linear;
    ms-transition:all 0.2s linear;
    o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.contact-left {
    float:left;
}
.contact h2 {
    font-family:'Skranji', cursive;
    font-weight:300;
    font-size:24px;
    margin-top:0px;
}
.contact-right {
    float:right;
    background:#555;
    padding-bottom:30px;
}
#my-map {
    height:350px;
    width:490px;
}
.map-address {
    line-height:2.0;
    cursor:pointer;
    color:#FFF;
    webkit-transition:all 0.2s linear;
    moz-transition:all 0.2s linear;
    ms-transition:all 0.2s linear;
    o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.map-address:hover {
	color: #a2cccb;
	webkit-transition: all 0.2s linear;
	moz-transition: all 0.2s linear;
	ms-transition: all 0.2s linear;
	o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.blocks p {
    margin-bottom:15px;
    position:relative;
}
.form-button {
	display: block;
	height: 47px;
	line-height: 31px;
	padding: 0 20px;
	outline: none;
	text-transform: uppercase;
	background: #708b8a;
	border: none;
	color: #FFF;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	float: right;
	webkit-transition: all 0.2s linear;
	moz-transition: all 0.2s linear;
	ms-transition: all 0.2s linear;
	o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.form-button:hover {
	background: #a3cdcc;
	color: #FFFFFF;
	webkit-transition: all 0.2s linear;
	moz-transition: all 0.2s linear;
	ms-transition: all 0.2s linear;
	o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.form-input, .form-textarea {
    padding:5px 10px;
    height:27px;
    color:#a9a9a9;
    background:#555;
    z-index:2;
    margin:0 10px 10px 0;
    border:none;
}
.form-input {
    width:200px;
}
.form-textarea {
    height:150px;
    width:200px;
}
.blocks label {
    width:100px;
    line-height:37px;
    text-align:right;
    margin-right:15px;
    font-weight:bold;
    color:#666;
}
.blocks label.error, .blocks label.ok {
    padding:0 10px;
    text-align:left;
    width:auto;
    white-space:nowrap;
    z-index:1;
    margin-bottom:10px;
    font-style:normal;
    font-weight:300;
    position:absolute;
    top:0;
    left:220px;
}
.blocks label.ok {
    color:#FFF;
    font-size:20px;
    background:#94ae82;
}
.blocks label.error {
    color:#fbd4c7;
    background:#bc8172;
}

/* === Footer Section === */

.footer {
    clear:both;
}
.footer-social {
    height:30px;
    margin-left:30px;
    z-index:1;
}
.footer-social ul {
    margin:0;
    padding:0;
    list-style:none;
}
.footer-social ul li {
    float:right;
}
.footer-social ul li a > div {
    webkit-transition:background 0.2s ease-in;
    moz-transition:background 0.2s ease-in;
    ms-transition:background 0.2s ease-in;
    o-transition:background 0.2s ease-in;
    transition:background 0.2s ease-in;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
    filter:alpha(opacity=0.3);
    -khtml-opacity:0.3;
    -moz-opacity:0.3;
    opacity:0.3;
}
.footer-social ul li a:hover .twitter-btn {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(Opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1;
    background:url('imagenes/social-icons.png') 0 -30px;
}
.footer-social ul li a:hover .facebook-btn {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(Opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1;
    background:url('imagenes/social-icons.png') -30px -30px;
}
.footer-social ul li a:hover .dribble-btn {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(Opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1;
    background:url('imagenes/social-icons.png') -60px -30px;
}
.footer-social ul li a:hover .pinterest-btn {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(Opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1;
    background:url('imagenes/social-icons.png') -90px -30px;
}
.footer-social ul li a:hover .google-btn {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(Opacity=100);
    -khtml-opacity:1;
    -moz-opacity:1;
    opacity:1;
    background:url('imagenes/social-icons.png') -120px -30px;
}
.footer-social ul li {
    width:30px;
    height:30px;
    z-index:11;
}
.footer-copyright {
    color:#5d5d5d;
    float:left;
    font-size: 13px;
}
.footer-container {
    webkit-transition:all 0.5s ease-in;
    moz-transition:all 0.5s ease-in;
    ms-transition:all 0.5s ease-in;
    o-transition:all 0.5s ease-in;
    transition:all 0.5s ease-in;
}
.footer-container footer {
    color:white;
    padding:20px 0;
}
.ie7 .title {
    padding-top:20px;
}
.envelope_one {
    z-index:-1;
    background:url("/contact-envelope-1.png") repeat-x;
    position:absolute;
    left:0;
    top:100px;
    height:499px;
    width:1477px;
    -webkit-animation:envelope_one 50s linear infinite;
    -moz-animation:envelope_one 50s linear infinite;
    -o-animation:envelope_one 50s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
.envelope_two {
    z-index:-1;
    background:url("/contact-envelope-2.png") repeat-x;
    position:absolute;
    left:0;
    top:0;
    height:499px;
    width:1477px;
    -webkit-animation:envelope_two 100s linear infinite;
    -moz-animation:envelope_two 100s linear infinite;
    -o-animation:envelope_two 100s linear infinite;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0)}
 @-webkit-keyframes envelope_one {
    0% {
    left:0;
}
 100% {
    left:100%}
}
 @-webkit-keyframes envelope_two {
    0% {
    left:0}
 100% {
    left:100%}
}
 @-moz-keyframes envelope_one {
    0% {
    left:0}
 100% {
    left:100%}
}
 @-moz-keyframes envelope_two {
    0% {
    left:0}
 100% {
    left:100%}
}

/* === Styles for devices from 0 to 300px of width === */

@media only screen and (min-width:0px) {
    .about-text, .resume-text, .portfolio-text, .contact-text {
    font-size:16px;
}
.main-nav li a:hover .nav-icon {
    font-size:18px;
}
.contact aside, .contact-left {
    width:100%;
    margin-right:0px;
}
#my-map iframe, #my-map object, #my-map embed {
    width:100%;
}
#my-map {
    width:100%;
    position:relative;
    margin:0;
    padding:0;
}
.contact-right {
    width:100%;
    padding:0;
    float:none;
}
.footer {
    padding-top:10px;
    font-size:12px;
}
.footer-copyright {
    padding-top:5px;
}
.map-address {
    padding:2%;
    text-align:center;
}
.map-address:hover {
    background:#3c3c3c;
}
.form-input, .form-textarea {
    padding:1%;
    width:99%;
}
.blocks label.error, .blocks label.ok {
    position:static;
    padding:2%;
}
h1, .resume h1, .contact h1 {
    margin:0.4em 0;
    text-align:center;
    font-size:3.2em;
}
.portfolio h1, .about h1 {
    font-size:3.2em;
}
.portfolio-gallery {
    margin-bottom:0px;
}
.main-nav a {
    float:left;
    margin-bottom:0;
    padding:0;
    width:25%;
}
.header h1 {
    top:25px;
    font-size:250%;
}
.wrapper {
    width:90%;
    padding:0 5%;
    margin:0 auto;
}
.header-portrait {
    width:100%;
    webkit-transition:all 0.2s ease-in-out;
    moz-transition:all 0.2s ease-in-out;
    ms-transition:all 0.2s ease-in-out;
    o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.header-carusel {
    display:none;
}
.carusel-shadow {
    background:url('imagenes/shadow_3.png') no-repeat bottom left;
    width:230px;
}
.about, .resume, .portfolio, .contact {
    padding:0 5%;
    width:90%;
}
.main-nav li:first-child a {
    margin-left:0;
}
.main-nav li:last-child a {
    margin-right:0;
}
.main-nav ul li {
    display:inline;
}
.oldie .main-nav a {
    margin:0 0.7%;
}
.about {
    text-align:center;
}
.about-me-text {
    clear:none;
    text-align:center;
    padding-top:10px;
    background:none;
    margin-bottom:0;
}
.about-address {
    float:left;
    width:100%;
    padding-bottom:0px;
    text-align:center;
}
.about-photo {
    height:auto;
    padding:5%;
    width:90%;
}
#header-container {
    padding-bottom:30px;
}
.resume h3 {
    font-size:18px;
}
.resume-column-left,.resume-column-right {
    width:100%;
}
.skill span {
    float:none;
    display:block;
}
.resume h3 span {
    padding:2% 5%;
    width:90%;
    margin-bottom:10px;
}
.resume p {
    font-size:14px;
}
#portfolio-nav li {
    display:table-row;
}
.footer-copyright {
    float:none;
    text-align:center;
}
.stars_one,.clouds_one,.stars_two,.clouds_two,.envelope_one,.envelope_two,.pencil_one,.pencil_two {
    display:none;
}
.contact-monster,.resume-monster {
    padding-bottom:0px;
    background:none;
}
}

/* === Styles for devices from 300px to 480px of width === */

@media only screen and (min-width:300px) {

    .skill span {
    float:right;
}
.resume h3 span {
    padding:2% 5%;
    width:90%;
    margin-bottom:10px;
}
#portfolio-nav li {
    display:table-row;
}
}

/* === Styles for devices from 480px to 700px of width === */

@media only screen and (min-width:480px) {

.header-social ul li {
    float:right;
}

.photo-shadow {
display:none;	
}

    .about-text, .resume-text, .portfolio-text, .contact-text {
    font-size:24px;
}
.main-nav li a:hover .nav-icon {
    font-size:46px;
}
.main-nav {
    width:100%;
    height:100px;
}
h1 {
    margin:1.2em 0;
    text-align:left;
}
.resume h1, .contact h1 {
    margin:1.2em 0;
    text-align:right;
    font-size:4.1em;
}
.portfolio h1, .about h1 {
    font-size:4.1em;
}
.header-portrait {
    width:35%;
}
.header-carusel {
    display:block;
}
.header h1 {
    top:25px;
    font-size:300%;
    webkit-transition:all 0.2s ease-in-out;
    moz-transition:all 0.2s ease-in-out;
    ms-transition:all 0.2s ease-in-out;
    o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}
.skill span {
    float:none;
    display:block;
}
.resume-column-left {
    width:35%;
}
.resume-column-right {
    width:60%;
}
.about {
    text-align:left;
}
.footer-copyright {
    text-align:left;
    float:left;
}
}

/* === Styles for devices from 700px to 900px of width === */

@media only screen and (min-width:700px) {

.header-social ul li {
    float:left;
}

.photo-shadow {
display:block;
}

    .header h1 {
    font-size:400%;
    top:74px;
}
.about-me-text {
    text-align:left;
    background:none;
    margin-bottom:100px;
}
.about-address {
    text-align:left;
    width:240px;
    padding-bottom:100px;
}
.resume h3 {
    font-size:24px;
}
.resume h3 span {
    padding:5px 20px;
    width:auto;
}
.resume p {
    font-size:16px;
}
#portfolio-nav li {
    display:table-cell;
}
}

/* === Styles for devices of width above 900px === */

@media only screen and (min-width:900px) {

    .wrapper {
    width:800px;
    padding:0 30px;
    margin:0 auto;
}
.about-photo {
    height:auto;
    padding:4%;
    width:56%;
}
.about-me-text {
    text-align:justify;
    background:#585956;
    clear:both;
}
.about-address {
    padding-bottom:0px;
}
.carusel-shadow {
    background:url('imagenes/shadow_1.png') no-repeat bottom left;
    width:480px;
}
.skill span {
    float:right;
}
.portfolio-gallery {
    margin-bottom:100px;
}
.contact-monster {
    padding-bottom:100px;
}
.resume-monster {
    background:url('imagenes/resume_monster.png') no-repeat bottom left;
}
.contact-left {
    width:220px;
    margin-right:30px;
    float:left;
}
.contact-right {
    width:490px;
    padding:30px;
    float:right;
}
#my-map {
    height:350px;
    width:490px;
}
.footer {
    padding-top:40px;
    font-size:16px;
}
.footer-copyright {
    padding-top:0px;
}
.map-address {
    padding:0;
    text-align:left;
}
.map-address:hover {
    background:#555;
}
.form-input, .form-textarea {
    padding:5px 10px;
    margin:0 10px 10px 0;
}
.form-input {
    width:200px;
}
.form-textarea {
    height:150px;
    width:200px;
}
.blocks label.error, .blocks label.ok {
    position:absolute;
    padding:0 10px;
}
.stars_one,.clouds_one,.stars_two,.clouds_two,.envelope_one,.envelope_two,.pencil_one,.pencil_two {
    display:block;
}
}
.ir {
    background-color:transparent;
    border:0;
    overflow:hidden;
    text-indent:-9999px;
}
.ir:before {
    content:"";
    display:block;
    width:0;
    height:150%;
}
.hidden {
    display:none !important;
    visibility:hidden;
}
.visuallyhidden {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
}
.invisible {
    visibility:hidden;
}
.clearfix:before, .clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

/* === Styles for print === */

@media print {
    * {
    background:transparent !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
}
a, a:visited {
    text-decoration:underline;
}
a[href]:after {
    content:" (" attr(href) ")";
}
abbr[title]:after {
    content:" (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content:"";
}
pre, blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
}
thead {
    display:table-header-group;
}
tr, img {
    page-break-inside:avoid;
}
img {
    max-width:100% !important;
}
 @page {
    margin:0.5cm;
}
p, h2, h3 {
    orphans:3;
    widows:3;
}
h2, h3 {
    page-break-after:avoid;
}
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.0.1');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*  Font Awesome styles
    ------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;

  /* sprites.less reset */
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}
/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.nav [class^="icon-"],
.btn [class*=" icon-"],
.nav [class*=" icon-"] {
  display: inline;
  /* keeps button heights with and without icons the same */

}
.btn [class^="icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em;
}
.btn [class^="icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block;
}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

}
.nav-tabs [class^="icon-"],
.nav-pills [class^="icon-"],
.nav-tabs [class*=" icon-"],
.nav-pills [class*=" icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-pills [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em;
}
li [class^="icon-"],
.nav li [class^="icon-"],
li [class*=" icon-"],
.nav li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
.nav li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */

  width: 1.5625em;
}
ul.icons {
  list-style-type: none;
  text-indent: -0.75em;
}
ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
  width: .75em;
}
.icon-muted {
  color: #eeeeee;
}
.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.icon-2x {
  font-size: 2em;
}
.icon-2x.icon-border {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.icon-3x {
  font-size: 3em;
}
.icon-3x.icon-border {
  border-width: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-4x {
  font-size: 4em;
}
.icon-4x.icon-border {
  border-width: 4px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em;
}
.btn [class^="icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em;
}
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em;
}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em;
}
.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-top: .05em;
}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
  margin-right: .2em;
}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
  margin-left: .2em;
}
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}

/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before                { content: "\f000"; }
.icon-music:before                { content: "\f001"; }
.icon-search:before               { content: "\f002"; }
.icon-envelope:before             { content: "\f003"; }
.icon-heart:before                { content: "\f004"; }
.icon-star:before                 { content: "\f005"; }
.icon-star-empty:before           { content: "\f006"; }
.icon-user:before                 { content: "\f007"; }
.icon-film:before                 { content: "\f008"; }
.icon-th-large:before             { content: "\f009"; }
.icon-th:before                   { content: "\f00a"; }
.icon-th-list:before              { content: "\f00b"; }
.icon-ok:before                   { content: "\f00c"; }
.icon-remove:before               { content: "\f00d"; }
.icon-zoom-in:before              { content: "\f00e"; }

.icon-zoom-out:before             { content: "\f010"; }
.icon-off:before                  { content: "\f011"; }
.icon-signal:before               { content: "\f012"; }
.icon-cog:before                  { content: "\f013"; }
.icon-trash:before                { content: "\f014"; }
.icon-home:before                 { content: "\f015"; }
.icon-file:before                 { content: "\f016"; }
.icon-time:before                 { content: "\f017"; }
.icon-road:before                 { content: "\f018"; }
.icon-download-alt:before         { content: "\f019"; }
.icon-download:before             { content: "\f01a"; }
.icon-upload:before               { content: "\f01b"; }
.icon-inbox:before                { content: "\f01c"; }
.icon-play-circle:before          { content: "\f01d"; }
.icon-repeat:before               { content: "\f01e"; }

/* \f020 doesn't work in Safari. all shifted one down */
.icon-refresh:before              { content: "\f021"; }
.icon-list-alt:before             { content: "\f022"; }
.icon-lock:before                 { content: "\f023"; }
.icon-flag:before                 { content: "\f024"; }
.icon-headphones:before           { content: "\f025"; }
.icon-volume-off:before           { content: "\f026"; }
.icon-volume-down:before          { content: "\f027"; }
.icon-volume-up:before            { content: "\f028"; }
.icon-qrcode:before               { content: "\f029"; }
.icon-barcode:before              { content: "\f02a"; }
.icon-tag:before                  { content: "\f02b"; }
.icon-tags:before                 { content: "\f02c"; }
.icon-book:before                 { content: "\f02d"; }
.icon-bookmark:before             { content: "\f02e"; }
.icon-print:before                { content: "\f02f"; }

.icon-camera:before               { content: "\f030"; }
.icon-font:before                 { content: "\f031"; }
.icon-bold:before                 { content: "\f032"; }
.icon-italic:before               { content: "\f033"; }
.icon-text-height:before          { content: "\f034"; }
.icon-text-width:before           { content: "\f035"; }
.icon-align-left:before           { content: "\f036"; }
.icon-align-center:before         { content: "\f037"; }
.icon-align-right:before          { content: "\f038"; }
.icon-align-justify:before        { content: "\f039"; }
.icon-list:before                 { content: "\f03a"; }
.icon-indent-left:before          { content: "\f03b"; }
.icon-indent-right:before         { content: "\f03c"; }
.icon-facetime-video:before       { content: "\f03d"; }
.icon-picture:before              { content: "\f03e"; }

.icon-pencil:before               { content: "\f040"; }
.icon-map-marker:before           { content: "\f041"; }
.icon-adjust:before               { content: "\f042"; }
.icon-tint:before                 { content: "\f043"; }
.icon-edit:before                 { content: "\f044"; }
.icon-share:before                { content: "\f045"; }
.icon-check:before                { content: "\f046"; }
.icon-move:before                 { content: "\f047"; }
.icon-step-backward:before        { content: "\f048"; }
.icon-fast-backward:before        { content: "\f049"; }
.icon-backward:before             { content: "\f04a"; }
.icon-play:before                 { content: "\f04b"; }
.icon-pause:before                { content: "\f04c"; }
.icon-stop:before                 { content: "\f04d"; }
.icon-forward:before              { content: "\f04e"; }

.icon-fast-forward:before         { content: "\f050"; }
.icon-step-forward:before         { content: "\f051"; }
.icon-eject:before                { content: "\f052"; }
.icon-chevron-left:before         { content: "\f053"; }
.icon-chevron-right:before        { content: "\f054"; }
.icon-plus-sign:before            { content: "\f055"; }
.icon-minus-sign:before           { content: "\f056"; }
.icon-remove-sign:before          { content: "\f057"; }
.icon-ok-sign:before              { content: "\f058"; }
.icon-question-sign:before        { content: "\f059"; }
.icon-info-sign:before            { content: "\f05a"; }
.icon-screenshot:before           { content: "\f05b"; }
.icon-remove-circle:before        { content: "\f05c"; }
.icon-ok-circle:before            { content: "\f05d"; }
.icon-ban-circle:before           { content: "\f05e"; }

.icon-arrow-left:before           { content: "\f060"; }
.icon-arrow-right:before          { content: "\f061"; }
.icon-arrow-up:before             { content: "\f062"; }
.icon-arrow-down:before           { content: "\f063"; }
.icon-share-alt:before            { content: "\f064"; }
.icon-resize-full:before          { content: "\f065"; }
.icon-resize-small:before         { content: "\f066"; }
.icon-plus:before                 { content: "\f067"; }
.icon-minus:before                { content: "\f068"; }
.icon-asterisk:before             { content: "\f069"; }
.icon-exclamation-sign:before     { content: "\f06a"; }
.icon-gift:before                 { content: "\f06b"; }
.icon-leaf:before                 { content: "\f06c"; }
.icon-fire:before                 { content: "\f06d"; }
.icon-eye-open:before             { content: "\f06e"; }

.icon-eye-close:before            { content: "\f070"; }
.icon-warning-sign:before         { content: "\f071"; }
.icon-plane:before                { content: "\f072"; }
.icon-calendar:before             { content: "\f073"; }
.icon-random:before               { content: "\f074"; }
.icon-comment:before              { content: "\f075"; }
.icon-magnet:before               { content: "\f076"; }
.icon-chevron-up:before           { content: "\f077"; }
.icon-chevron-down:before         { content: "\f078"; }
.icon-retweet:before              { content: "\f079"; }
.icon-shopping-cart:before        { content: "\f07a"; }
.icon-folder-close:before         { content: "\f07b"; }
.icon-folder-open:before          { content: "\f07c"; }
.icon-resize-vertical:before      { content: "\f07d"; }
.icon-resize-horizontal:before    { content: "\f07e"; }

.icon-bar-chart:before            { content: "\f080"; }
.icon-twitter-sign:before         { content: "\f081"; }
.icon-facebook-sign:before        { content: "\f082"; }
.icon-camera-retro:before         { content: "\f083"; }
.icon-key:before                  { content: "\f084"; }
.icon-cogs:before                 { content: "\f085"; }
.icon-comments:before             { content: "\f086"; }
.icon-thumbs-up:before            { content: "\f087"; }
.icon-thumbs-down:before          { content: "\f088"; }
.icon-star-half:before            { content: "\f089"; }
.icon-heart-empty:before          { content: "\f08a"; }
.icon-signout:before              { content: "\f08b"; }
.icon-linkedin-sign:before        { content: "\f08c"; }
.icon-pushpin:before              { content: "\f08d"; }
.icon-external-link:before        { content: "\f08e"; }

.icon-signin:before               { content: "\f090"; }
.icon-trophy:before               { content: "\f091"; }
.icon-github-sign:before          { content: "\f092"; }
.icon-upload-alt:before           { content: "\f093"; }
.icon-lemon:before                { content: "\f094"; }
.icon-phone:before                { content: "\f095"; }
.icon-check-empty:before          { content: "\f096"; }
.icon-bookmark-empty:before       { content: "\f097"; }
.icon-phone-sign:before           { content: "\f098"; }
.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }
.icon-unlock:before               { content: "\f09c"; }
.icon-credit-card:before          { content: "\f09d"; }
.icon-rss:before                  { content: "\f09e"; }

.icon-hdd:before                  { content: "\f0a0"; }
.icon-bullhorn:before             { content: "\f0a1"; }
.icon-bell:before                 { content: "\f0a2"; }
.icon-certificate:before          { content: "\f0a3"; }
.icon-hand-right:before           { content: "\f0a4"; }
.icon-hand-left:before            { content: "\f0a5"; }
.icon-hand-up:before              { content: "\f0a6"; }
.icon-hand-down:before            { content: "\f0a7"; }
.icon-circle-arrow-left:before    { content: "\f0a8"; }
.icon-circle-arrow-right:before   { content: "\f0a9"; }
.icon-circle-arrow-up:before      { content: "\f0aa"; }
.icon-circle-arrow-down:before    { content: "\f0ab"; }
.icon-globe:before                { content: "\f0ac"; }
.icon-wrench:before               { content: "\f0ad"; }
.icon-tasks:before                { content: "\f0ae"; }

.icon-filter:before               { content: "\f0b0"; }
.icon-briefcase:before            { content: "\f0b1"; }
.icon-fullscreen:before           { content: "\f0b2"; }

.icon-group:before                { content: "\f0c0"; }
.icon-link:before                 { content: "\f0c1"; }
.icon-cloud:before                { content: "\f0c2"; }
.icon-beaker:before               { content: "\f0c3"; }
.icon-cut:before                  { content: "\f0c4"; }
.icon-copy:before                 { content: "\f0c5"; }
.icon-paper-clip:before           { content: "\f0c6"; }
.icon-save:before                 { content: "\f0c7"; }
.icon-sign-blank:before           { content: "\f0c8"; }
.icon-reorder:before              { content: "\f0c9"; }
.icon-list-ul:before              { content: "\f0ca"; }
.icon-list-ol:before              { content: "\f0cb"; }
.icon-strikethrough:before        { content: "\f0cc"; }
.icon-underline:before            { content: "\f0cd"; }
.icon-table:before                { content: "\f0ce"; }

.icon-magic:before                { content: "\f0d0"; }
.icon-truck:before                { content: "\f0d1"; }
.icon-pinterest:before            { content: "\f0d2"; }
.icon-pinterest-sign:before       { content: "\f0d3"; }
.icon-google-plus-sign:before     { content: "\f0d4"; }
.icon-google-plus:before          { content: "\f0d5"; }
.icon-money:before                { content: "\f0d6"; }
.icon-caret-down:before           { content: "\f0d7"; }
.icon-caret-up:before             { content: "\f0d8"; }
.icon-caret-left:before           { content: "\f0d9"; }
.icon-caret-right:before          { content: "\f0da"; }
.icon-columns:before              { content: "\f0db"; }
.icon-sort:before                 { content: "\f0dc"; }
.icon-sort-down:before            { content: "\f0dd"; }
.icon-sort-up:before              { content: "\f0de"; }

.icon-envelope-alt:before         { content: "\f0e0"; }
.icon-linkedin:before             { content: "\f0e1"; }
.icon-undo:before                 { content: "\f0e2"; }
.icon-legal:before                { content: "\f0e3"; }
.icon-dashboard:before            { content: "\f0e4"; }
.icon-comment-alt:before          { content: "\f0e5"; }
.icon-comments-alt:before         { content: "\f0e6"; }
.icon-bolt:before                 { content: "\f0e7"; }
.icon-sitemap:before              { content: "\f0e8"; }
.icon-umbrella:before             { content: "\f0e9"; }
.icon-paste:before                { content: "\f0ea"; }
.icon-lightbulb:before            { content: "\f0eb"; }
.icon-exchange:before             { content: "\f0ec"; }
.icon-cloud-download:before       { content: "\f0ed"; }
.icon-cloud-upload:before         { content: "\f0ee"; }

.icon-user-md:before              { content: "\f0f0"; }
.icon-stethoscope:before          { content: "\f0f1"; }
.icon-suitcase:before             { content: "\f0f2"; }
.icon-bell-alt:before             { content: "\f0f3"; }
.icon-coffee:before               { content: "\f0f4"; }
.icon-food:before                 { content: "\f0f5"; }
.icon-file-alt:before             { content: "\f0f6"; }
.icon-building:before             { content: "\f0f7"; }
.icon-hospital:before             { content: "\f0f8"; }
.icon-ambulance:before            { content: "\f0f9"; }
.icon-medkit:before               { content: "\f0fa"; }
.icon-fighter-jet:before          { content: "\f0fb"; }
.icon-beer:before                 { content: "\f0fc"; }
.icon-h-sign:before               { content: "\f0fd"; }
.icon-plus-sign-alt:before        { content: "\f0fe"; }

.icon-double-angle-left:before    { content: "\f100"; }
.icon-double-angle-right:before   { content: "\f101"; }
.icon-double-angle-up:before      { content: "\f102"; }
.icon-double-angle-down:before    { content: "\f103"; }
.icon-angle-left:before           { content: "\f104"; }
.icon-angle-right:before          { content: "\f105"; }
.icon-angle-up:before             { content: "\f106"; }
.icon-angle-down:before           { content: "\f107"; }
.icon-desktop:before              { content: "\f108"; }
.icon-laptop:before               { content: "\f109"; }
.icon-tablet:before               { content: "\f10a"; }
.icon-mobile-phone:before         { content: "\f10b"; }
.icon-circle-blank:before         { content: "\f10c"; }
.icon-quote-left:before           { content: "\f10d"; }
.icon-quote-right:before          { content: "\f10e"; }

.icon-spinner:before              { content: "\f110"; }
.icon-circle:before               { content: "\f111"; }
.icon-reply:before                { content: "\f112"; }
.icon-github-alt:before           { content: "\f113"; }
.icon-folder-close-alt:before     { content: "\f114"; }
.icon-folder-open-alt:before      { content: "\f115"; }

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('imagenes/fancyBox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('imagenes/fancyBox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('imagenes/fancyBox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('imagenes/fancyBox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('imagenes/fancyBox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('imagenes/fancyBox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('imagenes/fancyBox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('imagenes/fancyBox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('imagenes/fancyBox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('imagenes/fancyBox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('imagenes/fancyBox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('imagenes/fancyBox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('imagenes/fancyBox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('imagenes/fancyBox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('imagenes/fancyBox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('imagenes/fancyBox/fancybox.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('imagenes/fancyBox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

.blueberry { margin: 0 auto; }
.blueberry ul{ margin: 0}
.blueberry .slides {
	display: block;
	position: relative;
	overflow: hidden;
}
.blueberry .slides li {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.blueberry .slides li img {
	display: block;
	width: 100%;
	max-width: none;
}
.blueberry .slides li.active { display: block; position: relative; }
.blueberry .crop li img { width: auto; }

.blueberry .pager {
	height: 2px;
	text-align: center;
}
.blueberry .pager li { display: inline-block; }
.blueberry .pager li a,
.blueberry .pager li a span {
	display: block;
	height: 10px;
	width: 10px;
}
.blueberry .pager li a {
	padding: 9px 4px;

}
.blueberry .pager li a span {
	overflow: hidden;
	text-indent: -9999px;
	background:#e5dba5;
}
.blueberry .pager li.active a span { 	background: #afdbda; }

.contcuadraditos {
    clear: both;
    margin-top: 2%
}

.cuadraditos {
    width: 30%;
    float: left;
}

#cuadradito2 {
    margin: 0 5%;
}

.contact-left h2: hover {
    background-color: aquamarine;
}

#undertext {
    background: #8b9d8b;
    margin: 0;
}
#undertext p {
    margin: 5px auto;
    padding: 2%;
    text-align: center;
}

/*foto propuesta*/

#fotopropuesta{
text-align: center;
}