@charset "utf-8";

/* CSS Document */

/*CSS Tuppertips 6*/

/********Generales***********/

a {

    -webkit-transition:color 0.2s ease-in;

    -moz-transition:color 0.2s ease-in;

    -o-transition:color 0.2s ease-in;

    transition:color 0.2s ease-in;}



/** @group clearfix **/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }



html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

/*****/

@font-face {

    font-family: 'proxima_novablack';

    src: url('../fonts/proximanova-black-webfont.eot');

    src: url('../fonts/proximanova-black-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanova-black-webfont.woff') format('woff'),

        url('../fonts/proximanova-black-webfont.ttf') format('truetype'),

        url('../fonts/proximanova-black-webfont.svg#proxima_novablack') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'proxima_nova_rgbold';

    src: url('../fonts/proximanova-bold-webfont.eot');

    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanova-bold-webfont.woff') format('woff'),

        url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),

        url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_novaextrabold';

    src: url('../fonts/proximanova-extrabold-webfont.eot');

    src: url('../fonts/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanova-extrabold-webfont.woff') format('woff'),

        url('../fonts/proximanova-extrabold-webfont.ttf') format('truetype'),

        url('../fonts/proximanova-extrabold-webfont.svg#proxima_novaextrabold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_novalight';

    src: url('../fonts/proximanova-light-webfont.eot');

    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanova-light-webfont.woff') format('woff'),

        url('../fonts/proximanova-light-webfont.ttf') format('truetype'),

        url('../fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_nova_rgregular';

    src: url('../fonts/proximanova-regular-webfont.eot');

    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanova-regular-webfont.woff') format('woff'),

        url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),

        url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_novasemibold';

    src: url('../fonts/proximanova-semibold-webfont.eot');

    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanova-semibold-webfont.woff') format('woff'),

        url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),

        url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_nova_condensedlight';

    src: url('../fonts/proximanovacond-light-webfont.eot');

    src: url('../fonts/proximanovacond-light-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanovacond-light-webfont.woff') format('woff'),

        url('../fonts/proximanovacond-light-webfont.ttf') format('truetype'),

        url('../fonts/proximanovacond-light-webfont.svg#proxima_nova_condensedlight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_nova_cn_rgregular';

    src: url('../fonts/proximanovacond-regular-webfont.eot');

    src: url('../fonts/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanovacond-regular-webfont.woff') format('woff'),

        url('../fonts/proximanovacond-regular-webfont.ttf') format('truetype'),

        url('../fonts/proximanovacond-regular-webfont.svg#proxima_nova_cn_rgregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'proxima_nova_condensedSBd';

    src: url('../fonts/proximanovacond-semibold-webfont.eot');

    src: url('../fonts/proximanovacond-semibold-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/proximanovacond-semibold-webfont.woff') format('woff'),

        url('../fonts/proximanovacond-semibold-webfont.ttf') format('truetype'),

        url('../fonts/proximanovacond-semibold-webfont.svg#proxima_nova_condensedSBd') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'kg_second_chances_sketchRg';

    src: url('../fonts/tiza/kgsecondchancessketch-webfont.eot');

    src: url('../fonts/tiza/kgsecondchancessketch-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/tiza/kgsecondchancessketch-webfont.woff') format('woff'),

        url('../fonts/tiza/kgsecondchancessketch-webfont.ttf') format('truetype'),

        url('../fonts/tiza/kgsecondchancessketch-webfont.svg#kg_second_chances_sketchRg') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'sketch_blockbold';

    src: url('../fonts/tiza/sketch_block-webfont.eot');

    src: url('../fonts/tiza/sketch_block-webfont.eot?#iefix') format('embedded-opentype'),

        url('../fonts/tiza/sketch_block-webfont.woff') format('woff'),

        url('../fonts/tiza/sketch_block-webfont.ttf') format('truetype'),

        url('../fonts/tiza/sketch_block-webfont.svg#sketch_blockbold') format('svg');

    font-weight: normal;

    font-style: normal;



}





body{ 

    background: url('../images/pattern.png') repeat;

    color: #eaeaea;

    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

    font-size:13px;

    margin:0; 

    padding:0; 

}

body.interiorArchivo{ background: url(../images/back.jpg) repeat-y;}
body.interiorArchivo > #wrapper{-moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    margin:0px;
    padding:0px;}
#wrapper{ 

    background: url(../images/back.jpg) repeat-y;

    background-size: 100%;

    -moz-box-shadow:    0px 0px 5px 2px #656565;

    -webkit-box-shadow: 0px 0px 5px 2px #656565;

    box-shadow:         0px 0px 5px 2px #656565;

    margin: 0 auto;

    padding: 0 0 3%;

    width: 810px;

}

footer{background: #f6f6f6; color: #1f4824;font-size: 1em;padding:4% 4% 1%;}

footer ul{}

footer li{margin-bottom:15px;list-style:none;text-align:justify;}

footer li a{color:#1f4824;display:block;text-align:center;text-decoration:none;padding: 1% 0;}

footer li a:hover{text-decoration:underline;}

.imgFooter img{display: block;width: 100%;}



/*Home*/

.contenidoHome{

    background: url('../images/imgContenidoIndex.png') no-repeat;

    background-size: 100%;

}

.contenidoHome .imgHome{}

.contenidoHome .imgHome img{

    width: 100%;

}

.copyHome{

}

.copyHome h1{

    font-size: 2em;

    line-height: 23px;

    text-align: center;

}

.copyHome .btnEntrar{

    background: url('../images/btnEntraya.png');

    background-size:  100%;

    display: block;

    height: 85px;

    margin: 35px auto;

    width: 379px;

}

.copyHome .btnEntrar:hover{

    background-position: 0 -85px;

    height: 85px;

}



/*Tabs*/

.tabs{

    border-bottom:1px solid #666;

    list-style:none;

    margin:0 !important;

    padding:0;

}

.tabs li{

    background: #08350f;   

    -moz-box-shadow:    inset 3px 0px 3px #000000;

    -webkit-box-shadow: inset 3px 0px 3px #000000;

    box-shadow:         inset 3px 0px 3px #000000;

    float:left;

    list-style-image:none !important;

    margin:0 !important;

    padding: 0;

    text-indent:0;

}

.tabs .uno, .tabs .dos{

    width: 27.5%;

}

.tabs .tres{

    width: 45%;

}

.tabs a{

    background:url("/media/img/global/tabs.png") no-repeat -652px 0;

    color:#c3c3c3;

    display:block;

    font-family: 'kg_second_chances_sketchRg';

    font-size:1.69230769em;

    line-height:30px;

    margin:0;

    padding:20px 10%;

    position:relative;

    text-decoration:none;

    top:1px;

}

.tabs a:active{

    outline:none;

}

.tabs a:hover{

}

.tabs .current,.tabs .current:hover,.tabs li.current a{

    background: url(../images/back.jpg);

    cursor:default !important;

    color:#fff !important;

    text-shadow: 2px 3px 1px #000;

}

.tabs li.current{

}

.panes .pane{display:none}

.contTab{

    padding: 130px 5% 20px;

}

.contTab h1{

    color: #fff;

    font-family: 'kg_second_chances_sketchRg';

    font-size: 3.69230769em;

    margin: 35px 0 0;

    text-align: center;

    text-transform: uppercase;

}

/*Instrucciones*/

.instrucciones{

    margin: 20px auto;

    overflow: hidden;

    width: 75%;

}

.izq{

    float: left;

    width: 49%;

}

.der{

    float: right;

    width: 49%;

}

.instrucciones .inst li{

    margin: 15px 0;

    overflow: hidden;

}

.instrucciones .inst li img{

    width: 100%;

}

.instrucciones .inst li span{

    float: left;

    width:25%;

}

.instrucciones .inst li div{

    float: left;

    width: 74%;

}

.instrucciones .inst li div p{

    font-size: 1.4em;

}

/*Formulario*/

.contForm{

    background: url(../images/backBlack.png) repeat;

    -webkit-border-radius: 20px;

    border-radius: 20px;

    -moz-box-shadow:    inset 0px 0 5px #000000;

    -webkit-box-shadow: inset 0px 0 5px #000000;

    box-shadow:         inset 0px 0 5px #000000;

    margin: 35px auto;

    padding: 20px 0 35px;

    width: 75%;

}

.contForm h2{

    font-family: 'kg_second_chances_sketchRg';

    font-size: 3em;

    padding: 20px 0 5px;

    text-align: center;

}

.contForm form{

    margin: 0 auto;

    width: 85%;

}

#formInfo{

    font-family: 'proxima_novalight';

}

#formInfo .line{

    margin: 15px 0;

}

#formInfo .txtinput { 

    background: none;

    border: 1px solid #d3d3d3;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    color: #fff;

    display: block;

    font-family: 'proxima_novalight';

    font-size: 1.2em;

    padding: 10px;

    width: 92%;

}

#formInfo .txtinput:focus { 

    border-color: rgba(255, 192, 0, 0.4);

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 192, 0, 0.6);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 192, 0, 0.6);

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 192, 0, 0.6);

    outline: 0 none; 

    color: #fff;

}

#formInfo select.selmenu {

    background: none;

    border: 1px solid #d3d3d3;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    -webkit-box-shadow:inset 1px 2px 3px -2px #b5b5b5;

    box-shadow:inset 1px 2px 3px -2px #b5b5b5;

    color: #fff;

    font-family: 'proxima_novalight';

    font-size: 1.2em;

    padding: 9px !important;

    width: 97%;

}

#formInfo select.selmenu:focus{

    color: #000;

}

#formInfo textarea {

    background: none;

    border: 1px solid #d3d3d3;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 

    color: #fff;

    display: block;

    font-family: 'proxima_novalight';

    font-size: 1.2em;

    padding: 1% 3%;

    transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;

    -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;

    -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;

    -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;

    width: 90%;

}

#formInfo textarea:focus {

    color: #fff;

    border-color: rgba(255, 192, 0, 0.4);

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 192, 0, 0.6);

    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 192, 0, 0.6);

    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(255, 192, 0, 0.6);

    outline: 0 none; 

}

#formInfo input[type=checkbox] {display: none;}

#formInfo input[type=checkbox]:checked + label:before {

    content: "\2713";

    color: #fff;

    font-size: 1.5em;

    line-height: 1.1em;

    text-align: center;

    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);

}

#formInfo #checkbox{box-sizing: border-box; padding:4% 0;width:100%;}

#formInfo .check1{

    border-radius: 3px;

    cursor: pointer;

    display: inline-block;

    float:none;

    font-size: 1em;

    margin-right: 15px;

    position: relative;

    padding-left: 30px;

    width:90%;

}

#formInfo .check1:before {

    background: none;

    border: 1px solid #d3d3d3;

    border-radius: 3px;

    bottom: 1px;

    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);

    content: "";

    display: inline-block;

    height: 20px;

    left: 0;

    margin-right: 10px;

    position: absolute;

    width: 20px;

}

#formInfo .upload {

    /*background: url(../images/btnUpload2.png);*/

    background-size: 100%;

    height: 42px;

    overflow: hidden;

    /*width: 64px;*/

    width: 100%;

}

#formInfo .upload:hover{

    cursor: pointer;

    background-position: 0 -42px;

    height: 42px;

}

#formInfo .upload input {

    display: block;

    width: 100%;

    height: 42px;

    /*opacity: 0;*/

    

    overflow: hidden ;

}

#formInfo #submitbtn{

    background: url('../images/btnEnviar.png');

    background-size: 100%;

    display: block;

    height: 64px;

    margin: 5% auto;

    width: 369px;

    border:0px ;

}

#formInfo #submitbtn:hover{

    background-position: 0 -64px;

    height: 64px;

}

/*Gracias*/

.contGracias{

    background: #152b17;

    border: 7px solid #455e00; 

    -webkit-border-radius: 12px;

    border-radius: 12px;

    margin: 0 auto;

    padding: 4% 0 7%;

    text-align: center;

    width: 60%;

}

.contGracias .t1{

    color: #fff;

    font-family: 'kg_second_chances_sketchRg';

    font-size: 3em;

    line-height: 45px;

}

.contGracias .t2{

    color: #e5e5e5;

    font-size: 2.30769231em;

    padding: 7% 0

}

.contGracias .cerrar{

    color: #fff;

    background: #8cb815;

    border: 3px solid #fff; 

    -webkit-border-radius: 8px;

    border-radius: 8px;

    display: block;

    font-family: 'proxima_nova_rgbold';

    font-size: 2.23076923em;

    margin: 0 auto;

    padding: 2% 6%;

    text-decoration: none;

    width: 40%;

}

.contGracias .cerrar:hover{

    background: #d53a60;

    border: 3px solid #ff7989;

}

/*Btn ver experiencias*/

.titleSecundario{

    font-family: 'kg_second_chances_sketchRg';

    font-size: 3.5em;

    padding: 7% 0 5%;

    text-align: center;

    text-transform: uppercase;

}

.veExperiencia{

    margin: 0 auto;

    overflow: hidden;

    width: 64%;

}

.veExperiencia span{

    display: block;

    float: left;

    width: 118px;

}

.veExperiencia span img{width: 100%;}

.veExperiencia .btnVerExperiencia{

    float: left;

    padding-top: 60px;

}

.veExperiencia .btnVerExperiencia a{

    background: url(../images/btnExperiencia.png);

    background-size: 100%;

    display: block;

    height: 65px;

    width: 333px;

}

.veExperiencia .btnVerExperiencia a:hover{

    background-position: 0 -65px;

    height: 65px;

}

/*Experiencias*/

.contCarpeta{

    margin: 6% 0 0;

    overflow: hidden;

}

.contCarpeta li{

    float: left;

    height: 165px;

    margin: 10px 7px;

    width: 128px;

}

.contCarpeta li a{

    color: #fff;

    text-decoration: none;

}

.contCarpeta li a:hover{

    text-decoration: underline;

}

.contCarpeta li p{

    font-family: 'proxima_nova_rgbold';

    font-size: 1.15384615em;

    text-align: center;

}

.carpeta{

    padding: 24px 0 18px;

    text-align: center;
	height:52px;
}

.amarilla{

    background: url(../images/imgCarpeta_ama.png) no-repeat;

}

.verde{

    background: url(../images/imgCarpeta_ver.png) no-repeat;

}

.mini{ max-height: 56px; overflow: hidden;}

.veManual{

    margin: 0 auto;

    overflow: hidden;

    text-align: center;

    width: 64%;

}

.veManual span{

    display: block;

    margin: 0 auto;

    width: 250px;

}

.veManual span img{width: 100%;}

.veManual .btnVerManual{

    padding-top: 25px;

}

.veManual .btnVerManual a{

    background: url(../images/btnManual.png);

    background-size: 100%;

    display: block;

    height: 64px;

    margin: 0 auto;

    width: 334px;

}

.veManual .btnVerManual a:hover{

    background-position: 0 -65px;

    height: 64px;

}

/*Interior Carpeta*/

.intCarpeta{

    padding: 0 2%;

}

.intCarpeta h1{

    color: #fff;

    font-family: 'kg_second_chances_sketchRg';

    font-size: 3.69230769em;

    padding: 6% 0 0;

    text-align: center;

    text-transform: uppercase;

}

.intCarpeta .btnRegresar{



}

.intCarpeta .btnRegresar a{

    background: url('../images/btnRegresarExperiencia.png');

    display: block;

    height: 53px;

    margin: 4% auto;

    width: 180px;

}

.intCarpeta .btnRegresar a:hover{

    background-position: 0 -53px;

    height: 53px;

}

.intCarpeta ul{

    overflow: hidden;

}

.intCarpeta ul li{

    background: url(../images/backBlack.png) repeat;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    -moz-box-shadow:    inset 0px 0 5px #000000;

    -webkit-box-shadow: inset 0px 0 5px #000000;

    box-shadow:         inset 0px 0 5px #000000;

    float: left;

    min-height: 365px;

    margin: 2% 1%;

    padding: 3% 2%;

    text-align: center;

    width: 27%;

}

.intCarpeta ul li .img{ overflow: hidden; max-height: 206px;}

.intCarpeta ul li .img img{width: 100%;}

.intCarpeta .pie, .intCarpeta .nombre{

    font-size: 1.23076923em;

}

.intCarpeta .pie{

    height: 55px;

    padding: 4% 0 0;

}

.intCarpeta .pie a{

    color: #fff;

    text-decoration: none;

}

.intCarpeta .pie a:hover{

    text-decoration: underline;

}

.intCarpeta .nombre{

    padding: 4% 0;

}

.intCarpeta .face{

    

}

.intCarpeta .face a{

    float: none!important;

    margin-bottom: 16px;

}

/*Manual*/

.contManual{}

.contManual img{

    display: block;

    width: 100%;

}

/*Participa*/

.participa{

    background: url(../images/backBlack.png) repeat;

    -webkit-border-radius: 20px;

    border-radius: 20px;

    -moz-box-shadow:    inset 0px 0 5px #000000;

    -webkit-box-shadow: inset 0px 0 5px #000000;

    box-shadow:         inset 0px 0 5px #000000;

    margin: 0 auto;

    padding: 10% 4%;

    text-align: center;

    width: 60%;

}

.participa p{

    font-size: 2em;

    margin-bottom: 8%;

    text-transform: uppercase;

}

.participa a{

    background:  #f6881f;

    border: 4px solid #ffca97;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    color: #fff;

    display: block;

    font-family: 'proxima_nova_rgbold';

    font-size: 1.5em;

    margin: 0 auto;

    padding: 3% 5%;

    text-decoration: none;

    width: 40%;

}

.participa a:hover{

    background:  #890acb;

    border: 4px solid #e2b3fa;

}

/**************************************************************************************MEDIAS QUERYS*******************/

/* #### Desktops #### */

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

    #wrapper{/*border: 2px solid DeepPink;*/width: 810px;}

}

@media screen and (min-width: 768px) and (max-width: 1023px){

    #wrapper{/*border: 2px solid Red;*/width: 810px;}

}

@media screen and (min-width: 200px) and (max-width: 767px){

    #wrapper{/*border: 2px solid chocolate;*/

             -moz-box-shadow:    none;

             -webkit-box-shadow: none;

             box-shadow:         none;

             width: 100%;}

    footer{font-size: 0.9em;}

    .copyHome h1 {line-height: 32px;margin: 0 auto;width: 70%;}

    .copyHome .btnEntrar{ height: 67px;width: 300px; }

    .copyHome .btnEntrar:hover{  background-position: 0 -67px; height: 67px;}

    .tabs li{ float: none; }

    .tabs .uno, .tabs .dos, .tabs .tres{width: 100%;}

    .contTab{padding: 3% 5% 20px;}

    .contTab h1{font-size: 2.7em;}

    .izq{float: none; width: 100%;}

    .der{float: none; width: 100%;}

    .contForm{width: 100%;}

    .contForm h2{font-size: 2em;}

    #formInfo select.selmenu{width: 100%;}

    #formInfo .txtinput{width: 91%;}

    #formInfo textarea{width: 93%;}

    #formInfo .upload{height: 33px; width: 220px;}

    #formInfo .upload:hover{background-position: 0 -33px; height: 33px;}

    #formInfo #submitbtn{height: 43px;width: 250px;}

    #formInfo #submitbtn:hover{background-position: 0 -43px; height: 43px;}

    .contGracias{width: 90%;}

    .contGracias .t1{font-size: 2em;line-height: 36px;}

    .contGracias .t2{font-size: 1.6em;}

    .titleSecundario{font-size: 2.5em;}

    .veExperiencia{width: 100%;}

    .veExperiencia span{float: none;margin:  0 auto;width: 100px;}

    .veExperiencia .btnVerExperiencia{float: none;padding-top: 10px;}

    .veExperiencia .btnVerExperiencia a{height: 54px;margin: 0 auto;width: 280px;}

    .veExperiencia .btnVerExperiencia a:hover{background-position: 0 -54px; height: 54px;}

    .veManual{width: 90%;}

    .veManual span{margin: 0 auto;width: 180px;}

    .veManual .btnVerManual a{height: 49px;width: 256px;}

    .veManual .btnVerManual a:hover{background-position: 0 -49px; height: 49px;}

    .intCarpeta h1{font-size: 2.5em;}

    .intCarpeta ul li{float: none; margin: 20px auto; width: 90%;}

    .participa{width: 80%;}

}



/* #### Tablets Portrait or Landscape #### */

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){

    #wrapper{/*border: 2px solid GreenYellow;*/width: 100%;}  

    .tabs li{height: 88px;}

    .tabs a{font-size: 1.3em;height: 49px;line-height: 24px;}

    .veExperiencia{width: 76%;}

    .veExperiencia span{width: 105px;}

    .intCarpeta ul li{width: 43%;}

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){

    #wrapper{/*border: 2px solid orchid;*/width: 70%;} 

    .tabs li{height: 88px;}

    .tabs a{font-size: 1.3em;height: 49px;line-height: 24px;}

    .veExperiencia{width: 76%;}

    .veExperiencia span{width: 105px;}

    .intCarpeta ul li{width: 43%;}

}



/* #### Mobile Phones Portrait or Landscape #### */

@media screen and (max-device-width: 640px){

    #wrapper{/*border: 2px solid blueviolet;*/width: 100%;}

}



/* #### Mobile Phones Portrait #### */

@media screen and (max-device-width: 480px) and (orientation: portrait){

    #wrapper{/*border: 2px solid forestgreen;*/width: 100%;}

}



/* #### Mobile Phones Landscape #### */

@media screen and (max-device-width: 640px) and (orientation: landscape){

    #wrapper{/*border: 2px solid LightBlue;*/width: 100%;}

}



/* #### iPhone 4+ Portrait or Landscape #### */

@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){

    #wrapper{/*border: 2px solid Orange;*/width: 100%;}



}