/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 01-dic-2016, 15:16:03
    Author     : Elizabeth García
*/

.skillsBackground
{
    background: transparent url("../css/img/Skill-01-01-01.png") no-repeat scroll 0 0 / cover ;
    height: 520px;
    width: 100%;
}
    
.skillsTitulo
{    
    position: absolute;
    color:white;
    margin-top:340px;
    margin-left: 64px;
    font-size: 100px;
    font-family: Calibri;
    font-weight:Bold;
    font-style: italic;
}
.subTituloSkills
{    
    position: absolute;
    color:white;
    margin-left: 64px;
    margin-top: 454px;
    font-size: 25px;
    font-family: Century Gothic;
}
.text1Skills
{   background: white none repeat scroll 0 0;
    box-sizing: border-box;
    color: black;
    font-family: Century Gothic;
    font-size: 25px;
    height: 100px;
    padding-bottom: 17px;
    padding-top: 17px;
    position: relative;
    text-align: center;
    width: 100%;
}
.skills2Background
{
    background: transparent url("../css/img/S-FIN2.png") no-repeat scroll 0 0/ cover;
    /*height: 1800px;*/
    width: 100%;
    position: relative;
    float: left;
    margin-top: -3px;
}
.imgSpriteSkillsHm
{
    background: transparent url("../css/img/iconoSkills-01.png") no-repeat scroll 0 0;
    height:234px;
    width: 236px; 
    margin-right:auto;
    position:relative;

}
.tituloTextColumna1
{
    
    box-sizing: border-box;
    color: white;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 50px;
    margin-top: -177px;
    padding-left: 251px;
    position: relative;
    text-align: justify;
    width: 100%;
}
.tituloTextColumna2
{
    
    box-sizing: border-box;
    color: white;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 50px;
    margin-top: 37px;
    padding-left: 251px;
    position: relative;
    text-align: justify;
    width: 100%;
}

.tituloTextColumna3
{
    
    box-sizing: border-box;
    color: white;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 50px;
    margin-top: -190px;
    padding-left: 251px;
    position: relative;
    text-align: justify;
    width: 100%;
}
.tituloTextColumna4
{
    
    box-sizing: border-box;
    color: white;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 50px;
    margin-top: -188px;
    padding-left: 251px;
    position: relative;
    text-align: justify;
    width: 100%;
}
.tituloTextColumna5
{
    
    box-sizing: border-box;
    color: white;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 50px;
    margin-top: -197px;
    padding-left: 251px;
    position: relative;
    text-align: justify;
    width: 100%;
}
.tituloTextColumna6
{
    
    box-sizing: border-box;
    color: white;
    float: left;
    font-family: Century Gothic;
    font-size: 25px;
    font-weight: bold;
    height: 50px;
    margin-top:-195px;
    padding-left: 251px;
    position: relative;
    text-align: justify;
    width: 100%;
}
.TextColumna1
{
    color: white;
    font-family: Century Gothic;
    font-size: 20px;
    margin-top: -112px;
    padding-left: 254px;
    padding-right: 57px;
    text-align: justify;

}
.caractColumn
{
 
    box-sizing: border-box;
    color: white;
    float: left;
    height: 614px;
    padding: 50px;
    position: relative;
    width: 100%;
    color: white;
    font-family:Century Gothic;
    font-size: 20px;
    text-align:center;
}
.imgSpriteSkillsTel
{
    background: transparent url("../css/img/iconoSkills-01.png") no-repeat scroll -221px 0;
    height: 234px;
   
    position: relative;
    width: 236px;
}
.TextColumna2
{
    color: white;
    font-family: Century Gothic;
    font-size: 20px;
    
    margin-left: 176px;
    margin-top: -209px;
    padding: 77px;
    text-align: justify;
    
}
.TextColumna3
{
    color: white;
    font-family: Century Gothic;
    font-size: 20px;
    
    margin-left: 176px;
    margin-top: -199px;
    padding: 77px;
    text-align: justify;
    
}
.TextColumna4
{
    color: white;
    font-family: Century Gothic;
    font-size: 20px;
   
    margin-left: 176px;
    margin-top: -198px;
    padding: 77px;
    text-align: justify;
    
}
.TextColumna5
{
    color: white;
    font-family: Century Gothic;
    font-size: 20px;
   
    margin-left: 176px;
    margin-top: -214px;
    padding: 77px;
    text-align: justify;
    
}
.TextColumna6
{
    color: white;
    font-family: Century Gothic;
    font-size: 20px;
    
    margin-left: 176px;
    margin-top: -205px;
    padding: 77px;
    text-align: justify;
    
}
.imgSpriteSkillsBd
{
    background: transparent url("../css/img/iconoSkills-01.png") no-repeat scroll -447px 0;
    height:234px;
    width: 236px;
    
    position:relative;
}

.imgSpriteSkillsDf
{
    background: transparent url("../css/img/iconoSkills-01.png") no-repeat scroll -444px -235px;
    height: 234px;
   
    position: relative;
    width: 236px;
}
.imgSpriteSkillsDX
{
    background: transparent url("../css/img/iconoSkills-01.png") no-repeat scroll  -221px -237px;
    height: 234px;
    
    position: relative;
    width: 236px;
}
.imgSpriteSkillsDb
{
    background: transparent url("../css/img/iconoSkills-01.png") no-repeat scroll 11px -244px;
    height: 234px;
    
    position: relative;
    width: 236px;
}
.conteinerSkill
{
    padding:50px;
    
}

.rowSkills1
{
    position: relative;
    float:left;
    width: 100%;
    box-sizing: border-box;
    
    
}   
.rowSkills2
{
    float: left;
    
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.rowSkills3
{
    float: left;
    margin-top: -19px;
    position: relative;
    width: 100%;
}
.rowSkills4
{
    float: left;
    
    position: relative;
    width: 100%;
}
.rowSkills5
{
    float: left;
    
    position: relative;
    width: 100%;
}
.rowSkills6
{
    float: left;
    
    position: relative;
    width: 100%;
}

/*RESPONSIVE*/
@media screen and (max-width: 768px)
{
.skillsBackground
{
    background: transparent url("../css/img/Skill-01-01-01.png") no-repeat scroll 0 0 / cover ;
    height: 385px;
    width: 100%;
}

.skillsTitulo 
{   font-size: 95px;
    margin-left: 35px;
    margin-top: 217px;
}
.subTituloSkills 
{
    font-size: 23px;
    margin-left: 34px;
    margin-top: 323px;
   
}
.rowSkills1 
{
    
    padding-top: 68px;
    
}
.text1Skills 
{
    
   font-size: 21px;
padding-right: 40px;
    padding-left: 40px;
    box-sizing:border-box;
    
}
.TextColumna1 
{
    
    margin-top: -78px;
    padding-right: 38px;
    text-align: center;
}
.tituloTextColumna1 
{
    
    text-align: center;
    
}
.tituloTextColumna2 {
    
    text-align: center;
    
}
.TextColumna2 
{
    
    margin-top: -130px;
    padding-left: 77px;
    padding-right: 19px;
    text-align: center;
}

.tituloTextColumna3 {
   
    text-align: center;
    
}
.TextColumna3 
{
    
    
    margin-top: -200px;
    padding-left: 99px;
    padding-right: 30px;
    text-align: center;
}
.rowSkills3 
{
   
    margin-top: -64px;
    
}
.tituloTextColumna4 
{
    text-align: center;
    
}

.TextColumna4 
{
    
    margin-top: -204px;
    padding-left: 99px;
    padding-right: 2px;
    text-align: center;
}
.rowSkills4 
{
    
    margin-top: -21px;
    
}
.tituloTextColumna5 
{
   
    text-align: center;
    
}
.TextColumna5 
{
    
    margin-top: -212px;
    padding-left: 95px;
    padding-right: 4px;
    text-align: center;
}
.rowSkills5 
{
    
    margin-top: -37px;
    
}

.tituloTextColumna6 
{
    
    text-align: center;
    
}
.TextColumna6 
{
    
    margin-top: -209px;
    padding-left: 107px;
    padding-right: 20px;
    text-align: center;
}
.rowSkills6 
{
    
    margin-top: -44px;
    
}
.conteinerSkill 
{
    padding: 17px;
}
@media screen and (max-width: 480px)
{
    .skillsBackground
{
    background: transparent url("../css/img/Skill-01-01-01.png") no-repeat scroll 0 0 / cover ;
    height: 385px;
       width: 100%;
    background-position: -100px 0;
}

.skillsTitulo 
{
    font-size: 60px;
    margin-left: 19px;
    margin-top: 222px;
    
}
.subTituloSkills 
{
    font-size: 21px;
    margin-left: 20px;
    margin-top: 311px;
    
}
.text1Skills 
{
    
    font-size: 20px;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing:border-box;
    
}
.rowSkills1
{
    padding-top: 41px;
}
.TextColumna1 
{
    
    margin-top: 81px;
    padding: 0;
    text-align: center;
    width: 100%;
}
.tituloTextColumna1 
{
    
    margin-top: -17px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.imgSpriteSkillsHm 
{
    
    margin: auto;
    
}
.TextColumna1 
{
    
    margin-top: 104px;
    padding: 0;
    text-align: center;
     font-size: 18px;
    
}
.imgSpriteSkillsTel 
{
    
    margin: auto;
   
    
}

.tituloTextColumna2 
{
    margin-top: 241px;
    padding: 0;
    
}

.TextColumna2 
{
    
    margin-left: 0;
    margin-top: 107px;
    padding: 0;
     font-size: 18px;
    
}
.rowSkills2 
{
    
    margin-top: 21px;
    
}
.imgSpriteSkillsBd 
{
   
    margin: auto;
    
}

.tituloTextColumna3 
{
    
    margin-top: -5px;
    padding: 0;
    
}

.TextColumna3 
{
    
    margin-left: 0;
    margin-top: 10px;
    padding: 0;
     font-size: 18px;
}

.rowSkills3 
{
    margin-top: 27px;
    
}
.imgSpriteSkillsDf 
{
    
    margin: auto;
    
}
.tituloTextColumna4 
{
    
    margin-top: 9px;
    padding: 0;
     font-size: 26px;
    
}

.TextColumna4 
{
    
    margin: 0;
    padding: 0;
     font-size: 18px;
}
.rowSkills4 
{
    
    margin-top: 20px;
    
}
.imgSpriteSkillsDX 
{
    
    margin: auto;
    
}
.rowSkills5 
{
    
    margin-top: 28px;
    
}
.tituloTextColumna5 
{
    
    margin-top: 15px;
    padding: 0;
    
}
.TextColumna5 
{
    
    margin: 0;
    padding: 0;
     font-size: 18px;
}
.imgSpriteSkillsDb 
{
    
    margin: auto;
    
}
.rowSkills6 
{
    
    margin-top: 20px;
  margin-bottom: 52px;
}
.tituloTextColumna6 
{
    
    margin-top: 10px;
    padding: 0;
    
}
.TextColumna6 
{
    
    margin: 0;
    padding: 0;
     font-size: 18px;
    
}
}
@media screen and (max-width: 360px){
.skillsTitulo
{
   font-size: 57px;
    
}
}
@media screen and (max-width: 320px){
    .skillsBackground
{
    background: transparent url("../css/img/Skill-01-01-01.png") no-repeat scroll 0 0 / cover ;
    height: 385px;
       width: 100%;
    background-position: -100px 0;
}

.skillsTitulo
{
   font-size: 47px;
    margin-left: 11px;
    margin-top: 241px;
}
.subTituloSkills 
{
    font-size: 17px;
    margin-left: 13px;
    margin-top: 305px;
}
.text1Skills 
{
    
  font-size: 14px;
  padding-right: 15px;
    padding-left: 15px;
    box-sizing:border-box;
}

.TextColumna1 
{    
     font-size: 14px;   
}

.TextColumna2 
{
    margin-left: 0;
    margin-top: 120px;
    padding: 0;
     font-size: 14px;
}

.TextColumna3
{    
     font-size: 14px;   
}

.TextColumna4
{
     font-size: 14px; 
}

.TextColumna5
{
     font-size: 14px;  
}

.TextColumna6
{
     font-size: 14px;
}