/* -------------------------------------------TIPOGRAFIAS----------------------------------------------- */

@font-face {
    font-family: 'swiss_extended_light';
    src: url(swiss_extended_light.eot);
}

@font-face {
    font-family: 'swiss_extended_light';
    src: url(swiss_extended_light.ttf);
}

@font-face {
    font-family: 'swiss_condensed_light';
    src: url(swiss_condensed_light.eot);
}

@font-face {
    font-family: 'swiss_condensed_light';
    src: url(swiss_condensed_light.ttf);
}

@font-face {
    font-family: 'swiss_condensed_roman';
    src: url(swiss_condensed_roman.eot);
}

@font-face {
    font-family: 'swiss_condensed_roman';
    src: url(swiss_condensed_roman.ttf);
}

@font-face {
    font-family: 'swiss_condensed_bold';
    src: url(swiss_condensed_bold.eot);
}

@font-face {
    font-family: 'swiss_condensed_bold';
    src: url(swiss_condensed_bold.ttf);
}

@font-face {
    font-family: 'swiss_roman';
    src: url(swiss_roman.eot);
}

@font-face {
    font-family: 'swiss_roman';
    src: url(swiss_roman.ttf);
}



/* -------------------------------------------ESTILOS GENERALES----------------------------------------------- */

html, body {
  height: 100%;
 
}

body {
  padding-top: 50px;
  background:url(../img/fondo_cuadraditos.gif);
 font-family: "swiss_condensed_roman";
  -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.portfolio-item p{
  margin: 8px 0px 0px 0px;
  display: block;
  width: 100%;
  padding: 8px 18px 8px 50px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-moz-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-webkit-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
font-family: 'swiss_condensed_light';
color: #a28a9c;
font-size: 14px;
background:url(../img/home/icono_titulares.png) 10px 10px no-repeat #ffffff;

}

.tab-pane {
  margin-top: 15px;
}

/* ----------------------- SECCIONES ----------------------- */
.ilustracion {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-moz-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-webkit-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
}

.cinturon_superior { font-size: 13px; text-align: center; padding: 0px; background-color: #FAF7F7;}

.cinta_experiencia {
margin: 0;
position: relative;
height: 48px;
background: #faf7f7;
overflow:hidden;
}

.cinta_experiencia p{
margin: 18px 14px 0px 24px;
font-size:13px;
font-family: "swiss_condensed_roman";
overflow: auto;
}

@media (max-width: 400px) {
.cinta_experiencia p{
font-size:9px;}
}

/* -------------------------------------------HOME ARTICULOS OK----------------------------------------------- */

article.negro {
float: left;
padding: 5%;
margin-bottom: 20px;
width: 100%;
position: relative;
background-color:#231f1f;
box-shadow:  0px 0px 5px 5px rgba(216,209,209,0.9);
border-radius: 4%;
-moz-border-radius: 4%;
-webkit-border-radius: 4%;
}

article.negro a{text-decoration:none;}
article.negro a:active,
a:hover,
a:focus{outline: none 0px !important ;
}


article.negro h1{
float: left;
margin: 0px 0px 10px 0px;
color:#ffffff;
font-family: "swiss_extended_light";
font-weight:normal;
font-size:22px;
padding-left: 40px;
background:url(../img/home/icono_titulares.png) left top no-repeat;
}

article.negro h1 a{
text-decoration:none;
}

article.negro h1 a:active,
a:hover,
a:focus{
text-decoration:none;
outline: none 0px !important ;
}

article.negro img{
width: 100%;
margin: 2% 0px 2% 0px;
padding: 0px;
}

article.negro p{
float: left;
margin: 0px;
color:#ffffff;
font-family: "swiss_roman";
font-size:12px;
line-height: 16px;
}

article.amarillo {
float: left;
margin: 0px;
padding: 6% 10% 7% 10%;
margin-bottom: 20px;
width: 100%;
position: relative;
background-color:#f8e50c;
box-shadow:  0px 0px 5px 5px rgba(216,209,209,0.9);
border-radius: 4%;
-moz-border-radius: 4%;
-webkit-border-radius: 4%;
}

article.amarillo a{text-decoration:none;}
article.amarillo a:active,
a:hover,
a:focus{outline: none 0px !important ;
}


article.amarillo h1{
float: left;
margin: 0px;
color:#231f1f;
font-family: "swiss_extended_light";
font-weight:normal;
font-size:22px;
padding-left: 35px;
background:url(../img/home/icono_titulares.png) left top no-repeat;
}

article.amarillo h1 a{
text-decoration:none;
}

article.amarillo h1 a:active,
a:hover,
a:focus{
text-decoration:none;
outline: none 0px !important ;
}

article.amarillo p{
float: left;
margin: 0px;
color:#231f1f;
font-family: "swiss_roman";
font-size:12px;
line-height: 14px;
}

article.amarillo img{
margin: 10px 0px 10px 0px;
padding: 0px;
width: 100%;
}

article.azul {
float: left;
padding: 4%;
margin-bottom: 20px;
width: 100%;
position: relative;
background-color:#60cfeb;
box-shadow:  0px 0px 5px 5px rgba(216,209,209,0.9);
border-radius: 4%;
-moz-border-radius: 4%;
-webkit-border-radius: 4%;
background-color:#60cfeb;
background: -moz-linear-gradient(top, #60cfeb 0%, #60cfeb 47%, #4aacc5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60cfeb), color-stop(47%,#4aacc5), color-stop(100%,#b1f50c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #60cfeb 0%,#60cfeb 47%,#4aacc5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #60cfeb 0%,#60cfeb 47%,#4aacc5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #60cfeb 0%,#60cfeb 47%,#4aacc5 100%); /* IE10+ */
background: linear-gradient(top, #60cfeb 0%,#60cfeb 47%,#4aacc5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60cfeb', endColorstr='#4aacc5',GradientType=0 ); /* IE6-9 */
}

article.azul a{text-decoration:none;}

article.azul a:active,
a:hover,
a:focus{
text-decoration:none;
outline: none 0px !important ;
}

article.azul img{
width: 58%;
float: left;
}

article.azul h1{
width: 40%;
margin: 0px;
padding: 0px 0px 0px 35px;
float: right;
color:#ffffff;
font-family: "swiss_extended_light";
font-weight:normal;
font-size:22px;
background:url(../img/home/icono_titulares.png) left top no-repeat;
}

article.azul h1 a{
text-decoration:none;
}

article.azul h1 a:active,
a:hover,
a:focus{
text-decoration:none;
outline: none 0px !important ;
}

article.azul p{
width: 39%;
float: right;
color:#ffffff;
font-family: "swiss_roman";
font-size:12px;
line-height: 16px;
margin-top: 14px;
}

article.degradado_verde {
float: left;
padding: 5%;
margin-bottom: 20px;
width: 100%;
position: relative;
box-shadow:  0px 0px 5px 5px rgba(216,209,209,0.9);
border-radius: 4%;
-moz-border-radius: 4%;
-webkit-border-radius: 4%;
background-color:#b1f50c; /* NAVEGADORES ANTIGUOS */
background: -moz-linear-gradient(top, #b1f50c 0%, #f8e50c 47%, #b1f50c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1f50c), color-stop(47%,#f8e50c), color-stop(100%,#b1f50c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b1f50c 0%,#f8e50c 47%,#b1f50c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b1f50c 0%,#f8e50c 47%,#b1f50c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b1f50c 0%,#f8e50c 47%,#b1f50c 100%); /* IE10+ */
background: linear-gradient(top, #b1f50c 0%,#f8e50c 47%,#b1f50c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e50c', endColorstr='#b1f50c',GradientType=0 ); /* IE6-9 */

}
article.degradado_verde a{ text-decoration:none;
}
article.verde a:active,
a:hover,
a:focus{
text-decoration:none;
outline: none 0px !important ;

}



article.degradado_verde h1{
float: left;
margin: 1%;
color:#231f1f;
font-family: "swiss_extended_light";
font-weight: normal;
font-size: 18px;
padding-left: 35px;
background:url(../img/home/icono_titulares.png) left top no-repeat;
}

article.degradado_verde h1 a{
text-decoration:none;
}

article.degradado_verde h1 a:active,
a:hover,
a:focus{
text-decoration:none;
outline: none 0px !important ;
}

article.degradado_verde p{
float: left;
margin: 1%;
color:#231f1f;
font-family: "swiss_roman";
font-size:12px;
border: solid 1px #FFFFFF;
padding: 4%;
line-height: 14px;
}

article.degradado_verde img{
margin: 3% 0% 2% 1%;
width: 98%;
}

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

article.amarillo h1{font-size: 16px;
}

article.degradado_verde {
padding: 20px 20px 10px 20px;
}

article.degradado_verde h1{
float: left;
width: 38%;
border-bottom: dotted 1px #ffffff;
padding-bottom: 15px;
}

article.degradado_verde img{
margin: 1%;
width: 58%;
float: right;
}

article.degradado_verde p{padding: 15px 10px 15px 15px; background-color:#FFFFFF; border-radius: 10px;}

}


@media only screen and (min-width: 478px) and (max-width: 699px) {
article.amarillo {
padding: 25px;
}
article.amarillo img{
margin-top: 15px;
margin-bottom: 15px;
}
article.azul {
padding: 20px;
}
article.negro p {margin-top: 15px;
}
article.degradado_verde {padding-top: 15px; padding-bottom: 15px;}

}

@media only screen and (max-width: 479px)  {

article.negro p {margin-top: 15px;
}

article.amarillo {padding: 20px;
}

article.azul {padding: 20px;}

article.azul img{
float: left;
width: 100%;
}

article.azul h1{
float: left;
width: 100%;
margin-top: 15px;
margin-bottom: 5px;
}

article.azul p{
float: left;
width: 100%;
}
}

.section,
.section-colored {
}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 350px;
  border-bottom: solid 5px #000000;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}


/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* DISEÑO WEB */

@media (min-width: 767px) {
.portfolio-item-margen {padding-left: 5%;}
}

.diseno-web-item {
}

.diseno-web-item h1{
padding-right: 30px;
color: #660000;
    font-family: 'swiss_extended_light';
}

.diseno-web-item p{
margin-right: 40px;
color: #a28a9c;
font-size: 13px;
}

hr.diseno_web {margin: 0px 10px 20px 10px; padding: 0px; border-bottom: dotted 1px #CCCCCC;}

.mimetico, a.mimetico:hover , a.mimetico:hover { text-decoration: none; color: #F0E8EE; }

		.esconder { margin-top: 10px; float: left; margin-left: 10px; }


@media (max-width:  990px) {
		.esconder { display: none; }
	}
	
@media (max-width: 767px) {
.diseno-web-item h1{
margin: -4% 0px 0px 10px;
padding: 0px}
.diseno-web-item p{
margin: 10px 30px 4% 10px;
padding: 0px}
}



/* ++++++++++++++++++  BANNERS LARGOS FLASH ++++++++++++++++++++ */

.contenedor_banners_largos_flash {
	position: relative;
	padding: 0px;
	list-style: none;
	display: block;
	text-align: center;
	overflow:hidden;
}

.contenedor_banners_largos_flash li {
	display: inline-block;
	margin-right: 13px;
	background-color:#ffffff;
		padding: 10px;
	border: solid 1px #CCCCCC;
	box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-moz-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-webkit-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
}


@media only screen and (max-width: 990px)  {
.contenedor_banners_largos_flash {
display: none;
}
}



/* ++++++++++++++++++  BANNERS CORTOS FLASH ++++++++++++++++++++ */

.contenedor_banners_cortos_flash {
	position: relative;
	padding: 0px;
	list-style: none;
	display: block;
	text-align: center;
	overflow:hidden;
}


.contenedor_banners_cortos_flash li {
	display: inline-block;
	margin-right: 13px;
	margin-left: 5px;
	margin-top: 20px;
	background-color:#ffffff;
	padding: 10px;
	border: solid 1px #CCCCCC;
box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-moz-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-webkit-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
	}


@media only screen and (max-width: 990px)  {
.contenedor_banners_cortos_flash {
display: none;
}
}




/* ++++++++++++++++++  BANNERS LARGOS JAVASCRIPT ++++++++++++++++++++ */

.contenedor_banners_largos_javascript {
	position: relative;
	padding: 0px;
	list-style: none;
	display: block;
	text-align: center;
	overflow:hidden;
}

.contenedor_banners_largos_javascript li {
	display: inline-block;
	margin-right: 13px;
	margin-bottom: 18px;
	background-color: #ffffff;
	padding: 7px 0px 0px 5px;
	border: solid 1px #CCCCCC;
box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-moz-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-webkit-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;	}


@media only screen and (max-width: 750px)  {
.contenedor_banners_largos_javascript {
display: none;
}
}


/* ++++++++++++++++++  BANNERS CORTOS JAVASCRIPT ++++++++++++++++++++ */

.contenedor_banners_cortos_javascript {
	position: relative;
	padding: 0px;
	list-style: none;
	display: block;
	text-align: center;
	overflow:hidden;
}


.contenedor_banners_cortos_javascript li {
	display: inline-block;
	margin-right: 13px;
	margin-bottom: 13px;
	background-color:#ffffff;
	border: solid 1px #CCCCCC;
	padding: 10px 8px 5px 10px;
box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-moz-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;
-webkit-box-shadow:   0px 0px 5px 5px rgba(211,212,223,0.8) !important;}


@media only screen and (min-width: 768px) and (max-width: 1000px) {
.contenedor_banners_cortos_javascript {
width: 70%;
margin: 0 auto;

}
}

@media only screen and (max-width: 990px)  {
.contenedor_banners_cortos_javascript  {
margin-top: 15px;
}
}


/* Footer Styles */
footer {
  margin-top: 10px;
  width: 100%;
  text-align:center;
}
footer p{
font-size: 12px;
color: #FFFFFF;
margin: 0px 0px 10px 0px;
}

@media (max-width: 767px) {
  .carousel {
    height: 70%;
 /* increases the carousel height so it looks good on phones */
  }
  
}