/* CSS Document */


@font-face 
	{
  	font-family: 'YanoneKaffeesatzRegular';
  	src: 	url('../styles/Roboto-Light.ttf');
	}
@font-face 
	{
  	font-family: 'SourceSansPro';
  	src: 	url('../styles/SourceSansPro-Regular.otf');
	}
	
	
@font-face 
	{
  	font-family: 'Montserrat';
  	src: 	url('../styles/Roboto-Light.ttf');
	}
		
@font-face 
	{
  	font-family: 'Roboto';
  	src: 	url('../styles/Roboto-Bold.ttf');
	}

@font-face 
	{
  	font-family: 'RobotoLight';
  	src: 	url('../styles/Roboto-Light.ttf');
	}

@font-face 
	{
  	font-family: 'RobotoNormal';
  	src: 	url('../styles/Roboto-Regular.ttf');
	}

@font-face{
    font-family: 'RobotoCond';
    src: url('../styles/RobotoCondensed-Bold.ttf')
}
@font-face{
    font-family: 'RobotoCondL';
    src: url('../styles/RobotoCondensed-Light.ttf')
}

.sec4
{
    background-color: #FFFFFF;
}
.item01
{
    min-height: 122px;
    width: auto;
    border-left: 5px solid #77A7FF;
    padding-left: 20px;
    padding-top: 0;
    margin-bottom: 50px;
    
}

.item01 h1
{
    font-size: 28px;
    font-family: "RobotoCond";
    color: #003EAF;
}

footer .footer-above {
    padding-top: 50px;
    background-color: rgba(255,255,255,0.8);
    background-image: url(../imgs/bkft.jpg);
    background-size: cover;
}

.seccion6
{
    background-color: rgba(255,255,255,0.5);
}
#representaciones
{
    background-image: url(../imgs/bk0ft.jpg);
    background-size: cover;
    min-height: 300px;
}
.foot01
{
    color: #333333;
    list-style: none;
}

.foot01 li
{
    margin-bottom: 25px;
}
.btn-social
{
    background-color: transparent;
    border-color: #333333;
    width: 40px;
    height: 40px;
    line-height: 35px;
}
.gp01
{
    margin-top: 5px;
}
.fa
{
   font-family: 'FontAwesome'; 
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;

}

.fa-bars
{
   
}



.fa-mail:before {
    content: "\f2b6";
    color: #333333;
    background-color: transparent;
}

.fa-tel:before {
    content: "\f095";
    color: #333333;
    background-color: transparent;
}

.txmail
{
    font-family: "Roboto";
    color: #0066FF;
    font-size: 14px;
}

	
@font-face 
	{
  	font-family: 'FontAwesome';
  	src: 	url('../styles/FontAwesome.otf');
	}	
	
body
	{

	}
	
#headerimg
	{
	background-image:url(../imgs/bk0A.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:right;
    min-height: 500px;
	}


    
#mainNav
    {
    padding-left: 40px;
    padding-right: 40px;
    }
}

.navbar-nav
{
    margin-top: 10px;
}
	
.navbar-custom
	{
    padding-top: 2px;
    background: none;
    background: rgba(51,51,51,1);
        
    
    background: -moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,51,51,1)), color-stop(100%, rgba(51,51,51,0)));
    background: -webkit-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%);
    background: -o-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%);
    background: -ms-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%);
    background: linear-gradient(to bottom, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333', GradientType=0 );
	
    }





@media (min-width: 500px) {
  .navbar-custom {
    padding: 25px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
    
    
.navbar-custom .affix {
    padding: 5px 0;
    background-color: #333333;
    background: rgba(51,51,51,0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; 
    display: none;
  }
  

 
    
}

.navbar-brand img {
    width: 70%;   
  }


.navbar-custom.affix .navbar-brand img {
    height: auto !important;  
  }
   


  
.navbar-toggle {
    position: absolute;
    float: right;
    padding: 10;
    margin: 0;
    right: 5px;
    top: 5px;
    background-color: transparent;
    background-image: none;
    border: none;  
    font-weight: lighter;
}

.navbar-custom .navbar-toggle:hover, 
.navbar-custom .navbar-toggle:focus {
    background-color: transparent;
    color: white;
    border-color: transparent;
}

.fa-bars
{
    z-index: 1000;
}

.fa-bars:before
{
    content: "\f0c9";
    color: #ffffff;
    background-color: transparent;
    font-weight: lighter;
    
}


section {
    padding: 0 0;
}

.sec1
{
    background-color: #FFFFFF;
    padding: 50px;
    text-align: center;    
}

.sec2
{
    padding: 50px;
    background-color: #333333;
    color: #ffffff;
    text-align: center;
}




.txt01
{
    font-family: "Roboto";
    font-size: 14px;
    color: #333333;
}
.txt02
{
    font-family: "RobotoNormal";
    font-size: 14px;
    color: #333333;
}
    
.txt03
{
    font-size: 11px;
    font-family: "RobotoNormal";
}

.txt03 a
{
    color: #0066FF;
}
.sec3
{
    background-color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
    
}

.sec3 div
{
    padding: 40px 0;
    text-align: center;
}
.texto01
{
    font-family: "Roboto";
    font-size: 30px;
}

.texto02
{
    font-family: "RobotoLight";
    font-size: 30px;
}
.texto04
{
    color:#333333;
    font-family: "RobotoLight";
    font-size: 22px;    
    
}
.textbl
{
    color: #003EAE;
}

.text03
{
    max-width: 750px !important;
    border: 1px solid #ff0000 important;
    margin: auto;
}

.text05
{
    font-family: "RobotoNormal";
    color: #838383;
}
.text06
{
    color: #003EAC;
}
.text07
{
    font-family: "Roboto";
    color: #838383;
}

.texts1
{
    font-size: 30px;
}



header
	{
        
	}
	
	
#skills
	{
	background-color: #D50000;
	background-color: rgba(213,0,0,0.8);	
	}
	
hr.star-light:after,hr.star-primary:after
	{
	background-color:transparent;
	}
	
		
	
	
header .intro-text .name {
    font-size: 3.75em;
}	

section.success {
    background: #D56100 ;
    color: white;
}



hr.star-light, hr.star-primary {
    padding: 0;
    border: none;
}


.row input,.row textarea
	{
		background-color:#FFF !important;
		padding:20px 12px;
		border-radius:8px;
		border:2px solid #efefef;
		
	}
	
	
	
#portfolio .portfolio-item .portfolio-link .caption 
	{
   background: rgba(0, 170, 0, 0.9);
	}

.text-left
	{
		padding:10px;
	}
	
.text-left ul
	{
		padding:10px;
		font-size:large;
	}	
	
.text-left li
	{
		margin-bottom:8px;
	}


@media (min-width: 500px)
{
.sec3 {
   text-align: center;
}
.container {
    width: 100% !important;
}
 
    
}


@media (max-width: 768px)
{
      
    
.texts1
    {
        font-size: 12px;
    }
    
    
 .container {
    width: 100% !important;
}   


.navbar-header 
{
    height: 80px;
}    
    
.navbar-nav
    {
        margin-bottom: 120px;
    }
}
    
.forms1
{
    margin-top: 20px;
    list-style: none;
    color: #333333;
}
.forms1 .frow1
{
    margin-bottom: 20px;
}
.forms1 input,
.forms1 select,
.forms1 textarea
{
    height: 30px;    
    border: 1px solid #999999;
    border-radius: 0;
    line-height: 30px;
    width: 200px;
    margin: 2px 4px;
    vertical-align: middle;
    font-family: "RobotoNormal";
    padding: 0 5px;
}
.forms1 input[type=submit],
.forms1 input[type=button]
{
    background-color: #0066FF !important;
    color: #ffffff;
    width: 408px;
}
.forms1 input[type=button]:disabled
{
    background-color: #cccccc !important;
    border: 1px solid #cbcbcb;
}
.mensaje
{
    margin-top: 10px;
    font-family: "Roboto";
    min-height: 30px;
    
}

.forms1 input[type=submit]:hover
{
   background-color: #0088FF !important; 
}
 
.forms1 textarea
{
    height: 100px;
}
.cap1
{
    margin: 2px 4px;
    display: inline-block;
    padding-top: 5px;

}
.cap2
{
    width: 200px;
    border: 1px solid #999999;
    background-color: #DDF1FF;
    height: 100px;  
}
.cap1 input
{
    width: 80px;
}
.cap1 .capimg
{
    width: 80px;
    height: 30px;
    border: 1px solid #999999;
    line-height: 30px;
    vertical-align: middle;
}
.tabla1
{
    margin: auto;
    width: 400px;
    height: 120px;
}
.sec5
{
    text-align: center;
    padding: 60px;
}

.texts2
{
    font-family: "RobotoCond";
    font-size: 34px;
    color: #0066FF;
}

.texts3
{
    font-family: "RobotoCondL";
    font-size: 34px;
    color: #0066FF; 
}

@media (min-width: 768px) {

.iconos02
    {
        display: none;        
    }
    
}

@media (max-width: 768px) {
 

.sec3
{
    padding-top: 0;
    padding-bottom: 0;
    
}
.iconos01
    {
        display: none;        
    }
}



#mensajer,#telefonor
{
    min-width: 410px;
}


@media (max-width: 500px) {
 

    
#mensajer,#telefonor
{
    min-width: 200px;
}


    
#seccion3 img
    {
    width: 50%;

    }
    
.sec3 div
{
    padding: 10px 0;
    text-align: center;
}

#seccion4 .col-sm-4
    {
    float: left;
    width: 50%;
    }
    
    
.item01
    {
        width: 30%;
           
    }
    
.item01
{
    min-height: 120px;
    width: auto;
    border-left: 5px solid #77A7FF;
    padding-left: 10px;
    padding-top: 0;
    margin-bottom: 30px;
    
}

.item01 h1
{
    font-size: 14px;
    font-family: "RobotoCond";
    color: #003EAF;
}
   
.item01 p
    {
        font-size: 14px;
    }
    
.tabla1 tr
    {
        display: block;
    }
.tabla1 td
    {
        display: block;
    }
    
.tabla1
{
    margin: auto;
    width: 200px;
    height: 120px;
}
    
    
.texto01,.texto02,.text03,.texto02
{
    font-size: 20px;
}    
 
.forms1 input[type=submit],
.forms1 input[type=button]
{
    width: 200px;
}
    
}

.navbar-toggle
{
    margin-right: 10px;
    margin-top: 10px;
    
}
#mainNav {
padding: 0;
}

.navbar-nav a:hover
{
    color: #dddddd !important;
}

.link2
{
    color: #000000 !important;
}