@charset "UTF-8";

/* Imports */
@import url(normalize.min.css);
@import url(skeleton.min.css);

/* Fonts */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
@font-face { font-family:"Museo"; src:url("../fonts/museo300-regular.woff"); font-weight:300; }
@font-face { font-family:"Museo"; src:url("../fonts/museo500-regular.woff"); font-weight:500; }
@font-face { font-family:"Museo"; src:url("../fonts/museo700-regular.woff"); font-weight:700; }


/* ==========================================================================
 General styles
 ========================================================================== */

body { background-color:#fff; color:#382b26; /* font main color #382b26 */ font:300 normal 1.6em/1.6 Museo,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; }

::-moz-selection { background:#b3d4fc; text-shadow:none; }
::selection { background:#b3d4fc; text-shadow:none; }
audio,canvas,iframe,img,svg,video { vertical-align:middle; }
fieldset { border:0; margin:0; padding:0; }
textarea { resize:vertical; }
h2 { font-weight:500; font-size:2.8rem; letter-spacing:0; }

.page { /* padding for navigation bar */ padding-top:2.2rem; overflow:hidden; }
.browserupgrade { margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0; text-align:center; }
.container { max-width:122rem; }
@media (min-width:550px) { .container { width:90%; } }
section { padding:0 0 14rem; box-sizing:border-box; background-color:#fff; }

/* section angle */
.angle { position:relative; }
.angle:before { content:""; display:block; position:absolute; top:-1.5rem; left:-1rem; width:120%; height:0; padding-top:15%; background-color:inherit; box-shadow:0 -7px 12px -3px rgba(0,0,0,.18); -webkit-transform:rotate3d(0,0,1,-4deg); -webkit-transform-origin:0 0; transform:rotate3d(0,0,1,-4deg); transform-origin:0 0; }
.angle.inverse:before { -webkit-transform:rotate3d(0,0,1,4deg); -webkit-transform-origin:100% 0; transform:rotate3d(0,0,1,4deg); transform-origin:100% 0; }

ul.styled { list-style:none; }
ul.styled li { padding-left:4rem; margin-bottom:0.5rem; background:url("../img/check.png") no-repeat  1.9rem .4rem; background-size:14px 11px; }

/* boton adaptado de mipuf.es */
.button { box-sizing:border-box; background:#3696c3 url("https://www.mipuf.es/img/es/b-input.jpg") repeat-x scroll 0 0; border-color:#0079C1 #00588B #004B77; border-radius:5px; border-style:solid; border-width:1px; color:#fff; cursor:pointer; font:300 1.5rem/1.4545em Museo,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:0.1em; padding:8px 12px; text-align:center; -webkit-transition:all 200ms; -moz-transition:all 200ms; transition:all 200ms; }
.button.big { font-size:2.2rem; padding:1rem 0; margin-bottom:1rem; height:50px; }
.button:hover{ color:#fff; border-color:#00629B #004872 #003B5D; box-shadow:0 1px #1794DC inset; text-shadow:0 -1px #004C77; }
.button[disabled], .button[disabled]:hover { background:#f2efe8; border-color:#dedede; box-shadow:none; text-shadow:none; }

/* clients comments */
.clients article { margin-bottom:2.5rem; font:400 normal 1.6rem/1.2 'Open Sans',sans-serif; }
.clients article img { float:left; width:8rem; height:8rem; margin:-.5rem 1.5rem 1rem 0; border-radius:4rem; }
.clients article p { margin:0 0 0.2rem; }
.clients article .author { font-weight:600; }
.clients .rate-1,
.clients .rate-2,
.clients .rate-3,
.clients .rate-4,
.clients .rate-5 { display:inline-block; width:99px; height:14px; margin-left:5px; background:url("../img/rate@2x.png") no-repeat 0 0; background-size:179px 14px; overflow:hidden; text-indent:110px; }
.clients .rate-4 { background-position:-20px 0; }
.clients .rate-3 { background-position:-40px 0; }
.clients .rate-2 { background-position:-60px 0; }
.clients .rate-1 { background-position:-80px 0; }

/* slidesjs pagination */
.slidesjs-navigation { display:none; }
.slidesjs-pagination { list-style:none; margin: 0; text-align: center; }
.slidesjs-pagination li { display: inline; padding:0 .4rem; }
.slidesjs-pagination a { display: inline-block; width:1.2rem; height: 1.2rem; border:.3rem solid #bdbdbd; border-radius: 50%; box-sizing:border-box; background-color: transparent; text-indent: 2rem; overflow: hidden; -webkit-transition:background-color 200ms; transition:background-color 200ms; }
.slidesjs-pagination a.active { background-color:#bdbdbd; }

/* vertical util classes  */
.mt-0 { margin-top:0!important; }
.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mt-50 { margin-top:50px; }
.mt-60 { margin-top:60px; }
.mt-70 { margin-top:70px; }
.mt-80 { margin-top:80px; }
.mt-90 { margin-top:90px; }
.mt-100 { margin-top:100px; }
.mb-0 { margin-bottom:0!important; }
.mb-10 { margin-bottom:10px; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }
.mb-40 { margin-bottom:40px; }
.mb-50 { margin-bottom:50px; }
.mb-60 { margin-bottom:60px; }
.mb-70 { margin-bottom:70px; }
.mb-80 { margin-bottom:80px; }
.mb-90 { margin-bottom:90px; }
.mb-100 { margin-bottom:100px; }
.pt-0 { padding-top:0!important; }
.pt-10 { padding-top:10px; }
.pt-20 { padding-top:20px; }
.pt-30 { padding-top:30px; }
.pt-40 { padding-top:40px; }
.pt-50 { padding-top:50px; }
.pt-60 { padding-top:60px; }
.pt-70 { padding-top:70px; }
.pt-80 { padding-top:80px; }
.pt-90 { padding-top:90px; }
.pt-100 { padding-top:100px; }
.pb-0 { padding-bottom:0!important; }
.pb-10 { padding-bottom:10px; }
.pb-20 { padding-bottom:20px; }
.pb-30 { padding-bottom:30px; }
.pb-40 { padding-bottom:40px; }
.pb-50 { padding-bottom:50px; }
.pb-60 { padding-bottom:60px; }
.pb-70 { padding-bottom:70px; }
.pb-80 { padding-bottom:80px; }
.pb-90 { padding-bottom:90px; }
.pb-100 { padding-bottom:100px; }

/* custom CSS checkboxes */
input[type="checkbox"]:not(:checked), input[type="checkbox"]:checked { display:none; }
input[type="checkbox"] + label { position:relative; padding-left:35px; cursor:pointer; display:inline-block; min-height:25px; line-height:25px; font-size:1rem; -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; }
input[type="checkbox"] + label:before { content:''; position:absolute; top:0; left:0; width:18px; height:18px; z-index:0; border:2px solid #5a5a5a; border-radius:1px; margin-top:2px; -webkit-transition:0.2s; -moz-transition:0.2s; -o-transition:0.2s; -ms-transition:0.2s; transition:0.2s; }
input[type="checkbox"]:not(:checked):disabled + label:before { border:none; background-color:rgba(0, 0, 0, 0.26); }
input[type="checkbox"]:checked + label:before { top:-4px; left:-3px; width:12px; height:22px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #03a9f4; border-bottom:2px solid #03a9f4; -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg); -webkit-backface-visibility:hidden; -webkit-transform-origin:100% 100%; -moz-transform-origin:100% 100%; -ms-transform-origin:100% 100%; -o-transform-origin:100% 100%; transform-origin:100% 100%; }
input[type="checkbox"]:checked:disabled + label:before { border-right:2px solid rgba(0, 0, 0, 0.26); border-bottom:2px solid rgba(0, 0, 0, 0.26); }
/* Indeterminate checkbox */
input[type="checkbox"]:indeterminate + label:before { left:-10px; top:-11px; width:10px; height:22px; border-top:none; border-left:none; border-right:2px solid #26a69a; border-bottom:none; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); -webkit-backface-visibility:hidden; -webkit-transform-origin:100% 100%; -moz-transform-origin:100% 100%; -ms-transform-origin:100% 100%; -o-transform-origin:100% 100%; transform-origin:100% 100%; }
input[type="checkbox"]:indeterminate:disabled + label:before { border-right:2px solid rgba(0, 0, 0, 0.26); background-color:transparent; }
/* Filled in checkbox */
input[type="checkbox"].filled-in + label:after { border-radius:2px; }
input[type="checkbox"].filled-in + label:before, input[type="checkbox"].filled-in + label:after { content:''; left:0; position:absolute; /* .1s delay is for check animation */ transition:border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s; z-index:1; }
input[type="checkbox"].filled-in:not(:checked) + label:before { width:0; height:0; border:3px solid transparent; left:6px; top:10px; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:20% 40%; transform-origin:100% 100%; }
input[type="checkbox"].filled-in:not(:checked) + label:after { height:20px; width:20px; background-color:transparent; border:2px solid #5a5a5a; top:0px; z-index:0; }
input[type="checkbox"].filled-in:checked + label:before { top:0; left:1px; width:5px; height:13px; border-top:2px solid transparent; border-left:2px solid transparent; border-right:2px solid #fff; border-bottom:2px solid #fff; -webkit-transform:rotateZ(37deg); transform:rotateZ(37deg); -webkit-transform-origin:100% 100%; transform-origin:100% 100%; }
input[type="checkbox"].filled-in:checked + label:after { top:0px; width:20px; height:20px; border:2px solid #22c064; background-color:#22c064; z-index:0; }
input[type="checkbox"].filled-in:disabled:not(:checked) + label:before { background-color:transparent; border:2px solid transparent; }
input[type="checkbox"].filled-in:disabled:not(:checked) + label:after { border-color:transparent; background-color:#BDBDBD; }
input[type="checkbox"].filled-in:disabled:checked + label:before { background-color:transparent; }
input[type="checkbox"].filled-in:disabled:checked + label:after { background-color:#BDBDBD; border-color:#BDBDBD; }


/* ==========================================================================
 Page Footer

 Estilos adaptados de mipuf.es
 Las imagenes son las de la página actual

 ========================================================================== */

footer {
	padding: 3rem 0 0;
	background-color: #f2efe8;
	color: #757575;
}
footer #nav-f p { margin:.5rem 0 0; font-size:1.2rem; line-height:2rem; }
#cont-f { margin:5px auto; width:200px; }
#tlf-f { height:40px; width:180px; float:left; margin-bottom:15px; }
#mail-f { height:40px; width:200px; float:left; margin-bottom:15px; }
#tlf-f h5,#mail-f h5 { margin:0; font-weight:500; font-size:13px; color:#929093; font-style:italic; line-height:1; }
#tlf-f p,#mail-f p { margin:0; padding:0; }
#tlf-f p a,#mail-f p a { font-weight:700; font-size:18px; color:#555; text-decoration:none; }
#tlf-f img,#mail-f img { float:left; margin-right:10px; }
.sprite-general { background:url("https://static.mipuf.es/img/sprites/general.png"); }
.mail-f-3 { background-position:-15px -126px; height:36px; width:26px; }
.tele-f-3 { background-position:-15px -188px; height:36px; width:26px; }
.tele-h { background-position:-15px -224px; height:26px; width:25px; }
.facebook { background-position:-15px -74px; height:26px; width:26px; }
.twitter { background-position:-15px -250px; height:26px; width:26px; }
.flickr { background-position:-15px -100px; height:26px; width:26px; }
.pinterest { background-position:-15px -162px; height:26px; width:26px; }
.vimeo { background-position:-15px -276px; height:26px; width:26px; }
.youtube { background-position:-15px -302px; height:26px; width:26px; }
#targets { display:inline-block; margin:0px 0px 10px 0px; width:40%; }
.tarjeta-f { background-position:-280px -136px; height:27px; width:187px; }
#redes-f ul { list-style:none; margin:0px; padding:0px; } #redes-f li { display:block; min-width:26px; float:left; margin-left:5px; }
#redes-f ul li a { background:none repeat scroll 0 0 #BCB8B3; -webkit-border-radius:26px; -moz-border-radius:26px; border-radius:26px; display:block; height:26px; transition:all .3s ease-in-out 0s; width:26px; padding:5px; }
 #redes-f ul li a:hover { background:#555; }
#legal { position:relative; font-weight:300; font-size:12px; color:#999; width:100%; text-align:center; background:#E4E0D8; padding:15px 0; margin:5rem 0 0 0; }

@media (max-width: 799px) {
    .three.columns.offset-by-one { width:30.6666666667%; margin-left:0; }
}
@media (max-width: 639px) {
    .three.columns.offset-by-one { width:100%; }
    #nav-f { width:26rem; margin:0 auto 3rem; }
    #targets { display:block; margin:2rem 0 1rem; width:auto; text-align:center; }
    #redes-f { width:25rem; margin:0 auto; }
}


/* ==========================================================================
 Top Account bar
 ========================================================================== */

#navigation { position:absolute; top:0; left:0; width:100%; height:2.2rem; background:#2e2f2f; color:#fff; }
#navigation ul { list-style:none; float:right; font:600 normal 1rem/2.2rem 'Open Sans',sans-serif; text-transform:uppercase; }
#navigation li { float:left; padding:0 1rem; margin:0; }
#navigation a { color:#fff; text-decoration:none; }
#nav-log { padding-left:1.7rem; background:url("../img/icon-acceder.png") no-repeat left center; }
#nav-sign { padding-left:1.7rem; background:url("../img/icon-crear.png") no-repeat left center; }

@media (max-width: 479px) {
    #navigation li { padding:0 .5rem; }
    #nav-log, #nav-sign { padding-left:0; background:none; }
}


/* ==========================================================================
 Print styles
 ========================================================================== */

@media print {
    *, *:before, *:after { 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) ")"; }
    a[href^="#"]:after, a[href^="javascript:"]: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; }
    p, h2, h3 { orphans:3; widows:3; }
    h2, h3 { page-break-after:avoid; }
}