@charset "utf-8";

@font-face { 
font-family: 'FuturaStdMediumBold';
src: url('../fonts/futurastd-heavy-webfont.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/futurastd-heavy-webfont.woff') format('woff'), 
  url('../fonts/futurastd-heavy-webfont.ttf') format('truetype'), 
  url('../fonts/futurastd-heavy-webfont.svg#FuturaStdMediumBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturaLT';
src: url('../fonts/FuturaLT.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/FuturaLT.woff') format('woff'), 
  url('../fonts/FuturaLT.ttf') format('truetype'), 
  url('../fonts/FuturaLT.svg#FuturaLT') format('svg');
font-weight: normal;
font-style: normal;
}

body {
    font-family: "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

/* CSS Document */
html {font-size: 1em;}
body {
	/*font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;*/
	margin: 0;
	padding: 0;
	color:#545454;
	background:#efefef;
	font-size: 1em;
	}
h1, h2, h3 {font-weight: bold; margin-top:0;}
h1, h2, #menu-principal a {font-family: "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;}
h1 {font-size:1.714em; color:#4C4C4C;}
h2 {font-size:1.438em; color: #69B115;}
h3 {font-size:1.250em; color: #191919; margin-bottom: 10px;}
h4 {font-size:1.125em; color: #4C4C4C; font-weight:bold; margin: 0 0 .7em;}
h5 {font-size:1.075em; color: #4C4C4C; font-weight:bold;}
h6 {font-size:1em; color: #4C4C4C; font-weight:bold;}
ul, ol {list-style:none; padding: 0;}
a {text-decoration: none; color: inherit;}
a:focus, a:visited, a:hover, a:active, a.active {
    color: #273288;
    text-decoration: underline;
}
.no-border {border: none;}
.readmore {color: #1D92D1;
    font-weight: bold;
    font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 1em;}
.readmore:hover {text-decoration: underline; color: #273288;}
.readmore:after {font-family: FontAwesome; content:" \f105";}
input {font-family: inherit;}
p {margin-top:0;
font-size: 18px;
color: #878787;}
.left{text-align:left;}
.right{text-align:right;}
img.left{margin:0 10px 10px 0;}
img.right{margin:0 0 10px 10px;}
.center {text-align: center;}
.redes a:hover {opacity:0.8;}
#header {z-index: 100;position: relative; background:#fff; border-bottom: 4px solid #69B115;}
.logo a {padding: 10px 0; display: block;}
.logo a img {margin-right: 15px; display: inline-block; vertical-align: top; max-width: 100%;}
.logo a:hover, #mincomercio a:hover {text-decoration: none; opacity: 0.8;}
#mincomercio {float: right; padding-top: 10px; max-width: 300px;}
#mincomercio img {max-width: 100%;}
#opciones { padding-top: 30px; float: right;}
#opciones a {display: inline-block; padding:5px; font-weight: bold; color: #545454;}
.root.admin {padding-top: 25px!important;}
input[type="text"], input[type="email"], input[type="password"], textarea, select {background:#efefef!important; border:1px solid #545454!important; padding:5px 10px; color: #545454; font-family:inherit; border-radius: 4px;}
.form-control {background:#efefef!important; height: 34px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .form-control:focus {background: #fff!important;}
select[multiple].form-control {max-height: 64px;}
select.form-control option {background: #dedede;}
#header .cabezote {height:auto; background: none; margin: 0;}
#mobile-toggle {text-align: center; font-size:30px; width: 30px; height: 30px; line-height: 30px; display: none; color: #333!important; text-decoration: none!important;}
#mobile-toggle:after {content: "\f0c9"; font-family: FontAwesome; position: absolute; top: 0; left: 4px; width: 22px; text-align: center;}
#mobile-toggle:hover {text-decoration: none; opacity: 0.8;}
#menu-principal {padding: 0; margin:0; background: none; float: right;}
#menu-principal .menu {margin: 0 auto; position: relative;}
#menu-principal ul {margin: 0; text-align:left; border-right: 1px solid #fff; font-size: 0;}
#menu-principal ul li {display: inline-block; padding:0; position:relative; border-left: 1px solid #fff; font-size: 16px; vertical-align: middle;}
#menu-principal ul li.big {max-width: 165px;}
#menu-principal ul li.medium {max-width: 130px;}
#menu-principal ul li.small {max-width: 100px;}
#menu-principal ul li a {color:#545454; line-height: 20px; padding: 10px; display: block; text-align: center; font-size: 1em; font-weight: 500; text-transform: uppercase;}
#menu-principal ul li a:hover, #menu-principal ul li.selected > a {background: #eee; text-decoration: none;}
#menu-principal .sub-menu, #menu-principal ul li > ul {
display: none;
width: 180px;
background: #fff;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
padding: 0;
text-align: left;
border: none;
}
#menu-principal li:hover > .sub-menu, #menu-principal li:hover > ul {
display: block!important;
}
#menu-principal ul li ul.sub-menu li, #menu-principal ul li > ul li {
width: 100%;
position: relative;
padding: 0;
background: none!important;
border: none!important;
border-top: 1px solid #eee!important;
font-size: 15px;
}
#menu-principal ul li ul li a {
width: 100%;
box-sizing: border-box;
line-height: 120%!important;
padding: 7px 5%;
display: block;
border: none!important;
color: #545454;
}
#menu-principal li ul li .sub-menu, #menu-principal li ul li > ul {
display: none;
width: 150px;
background: #fff;
position: absolute;
top: 0;
left: 100%;
z-index: 9999;
font-size:1em;
padding: 0;
border: none;
}
#menu-principal li ul li .sub-menu li, #menu-principal li ul li > ul li {
padding: 0;
width: 150px!important;
}
#menu-principal li ul li .sub-menu li a, #menu-principal li ul li > ul li a {
text-align: left;
width: 150px!important;
padding: 5px 10px!important;
}
#changer {position: fixed; left: 0; top: 170px; height: 90px; width: 35px; background: #0095DC; border-radius: 0 5px 5px 0; padding: 12px 10px 0; z-index: 150; box-shadow: 0 0 2px #888;}
#changer a {width: 15px; height: 15px; margin-bottom: 10px; display: block; text-indent:-99999px;}
#changer a#incfont {background: url(../images/aplus.png) no-repeat;}
#changer a#decfont {background: url(../images/aminus.png) no-repeat;}
#changer .contraste a {background: url(../images/contraste.png) no-repeat;}
#changer #colores {display: none;}
#changer #grayscale {display: block;}
#rapidos {position: fixed; right: 0; top: 250px; width: 85px; background: #fff; border-radius: 9px 0 0 9px; z-index: 150; box-shadow: 0 0 2px #888; overflow: hidden;}
#rapidos a {width: 100%; height:75px; padding: 5px 4px; border-top: 1px solid #E9E9E9; display: block; text-align: center; font-size: 12px; font-weight: bold; color: #0094DC; text-decoration: none; line-height: 13px; -webkit-filter: none; filter: none;}
#rapidos a:hover, #rapidos a.active {background: #0095DC; color: #fff;}
#rapidos li:first-child a {border-top: none;}
#rapidos span {display: block; width: 34px; height: 30px; margin: 3px auto 2px; background-position: 0 0; /*transition: all 0.3s ease-in-out;*/}
#rapidos a:hover span, #rapidos a.active span {background-position: -34px 0;}
#rapidos span.ico-preguntas {background-image: url('../images/preguntas-frecuentes.png');}
#rapidos span.ico-inquietudes {background-image: url('../images/inquietudes.png');}
#rapidos span.ico-directorio {background-image: url('../images/directorio.png');}
#rapidos span.ico-chat {background-image: url('../images/chat.png');}
#sponsors {background: #fff; margin-top: 30px;}
#sponsors .sponsorcont {text-align: justify; margin: 0 -15px; padding: 33px 0 27px;}
#sponsors .sponsorcont .sponsor {display: inline-block; vertical-align: middle; padding: 0 15px; position: relative; top: 1.2em;}
#sponsors .sponsorcont:before{
    content: '';
    display: block;
    width: 100%;
    margin-bottom: -1.2em; /* your line-height */
}
#sponsors .sponsorcont:after {
    content: '';
    display: inline-block;
    width: 100%;
	margin-bottom: 1.2em;
}
#sponsors .no-space {margin-right: 5px;}
#sponsors .sponsorcont .sponsor a:hover {opacity: 0.7;}
.sponsorcont h3 {
    margin: 0;
    text-align: center;
    padding-top: 20px;
	color: #273483;
	font-family: "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-weight: bold;
}
#footer {background:#444444; color:#fff; padding:15px 0; line-height: 1.5em; text-align: center; border-top: 4px solid #69B115; font-size: 13px;}
#footer a {color: #fff; font-weight: bold;}
#footer .col-sm-4 {padding-top: 5px; padding-bottom: 5px;}
#footer a:hover {color: #ddd;}
#footer .container {overflow: hidden;}
.footerIcontec {
    width: auto;
    text-align: right;
    margin: 20px 0 0px;
    padding: 0;
}
.footerIcontec li {
    display: inline-block;
    margin: 0 5px;
}
.container {margin:0 auto; position:relative;}
#contenido h1 {font-weight: 700; color: #4C4C4C;}
#contenido h2 {font-weight: 700; color: #30302e;}
#contenido h2 i {color: #1D92D1;}
#contenido .container {padding: 0 15px;}
#contenido .container img {max-width:100%; height:auto;}
#contenido .row, #ayuda .row {
    margin-right: -10px;
    margin-left: -10px;
	clear: both;
}
#contenido [class^=col-], #ayuda [class^=col-] {
    padding: 10px;
}
#contenido .row.no-margin {
    margin-right: 0;
    margin-left: 0;
	clear: both;
}
#contenido .row.no-margin [class^=col-] {
    padding: 0;
}
#contenido .row.form-container .form-group {padding: 0 10px;}
.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}
#contenido .row.preguntas {margin: -40px;}
#contenido .row.preguntas [class^=col-] {padding: 40px;}
#contenido .row.preguntas .tipo {border: 15px solid #1D92D1; border-radius: 0 50px; max-width: 500px; margin: auto; overflow: hidden; position: relative;}
.row.ayudas .clase {border: 10px solid #1D92D1; border-radius: 0 25px; max-width: 270px; margin: auto; overflow: hidden; position: relative;}
#contenido .row.preguntas .tipo .over, .row.ayudas .clase .over {padding:15px; position: absolute; bottom: 0; width: 100%; background: rgba(29,146,209,0.6); color: #fff; font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: 500; text-align: right; display:block;}
#contenido .row.preguntas .tipo:hover .over, .row.ayudas .clase:hover .over {background: rgba(29,146,209,0.9);}
#contenido .row.preguntas .tipo .over .title, .row.ayudas .clase .over .title {color: #fff!important; font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: 500; text-transform: uppercase; text-align: center; font-size: 1.438em; display: block;}
.row.ayudas .clase .over .title {margin-bottom:0; font-size: 1.125em;}
#contenido .row.preguntas .tipo img, .row.ayudas .clase img, .home img, #ayuda {-webkit-filter: none; filter: none;}
.row.ayudas .registroi {border: 10px solid #3A8E3C;}
.row.ayudas .registroi .over {background: rgba(58,142,60,0.6);}
.row.ayudas .registroi:hover .over {background: rgba(58,142,60,0.9);}
.row.ayudas .directorioe {border: 10px solid #023758;}
.row.ayudas .directorioe .over {background: rgba(2,55,88,0.6);}
.row.ayudas .directorioe:hover .over {background: rgba(2,55,88,0.9);}
.row.ayudas .chats {border: 10px solid #EA5132;}
.row.ayudas .chats .over {background: rgba(234,81,50,0.6);}
.row.ayudas .chats:hover .over {background: rgba(234,81,50,0.9);}
a:hover {text-decoration: underline;}
#contenido .container li {
	line-height: 120%;
  	padding-left: 10px;
	position: relative;
}
#contenido .container ul li:before {
	content: "•";
	color: #1D92D1;
	position: absolute;
	top: 0;
	font-weight: bold;
	left: 0;
	
}
#contenido .container ol {list-style: decimal; margin-left: 20px;}
#contenido .container ol > li {
  	padding-left: 0;
}
.breadcrumbs {padding:5px 0; margin-bottom:15px; position: relative; font-size:13px; font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight:300; font-style: italic; border-bottom: 1px dotted #1D92D1;}
.breadcrumbs span {color: #AAA;}
.breadcrumbs span a {color: #1D92D1!important;}
.btn i.fa {line-height: 1.42857143em; vertical-align: top; font-size: 1em;}
.btn-primary, button, input[type="submit"], input[type="button"] {
    background: #1D92D1;
    color: #fff!important;
    border: none!important;
    font-weight: 500;
    font-size: 1.125em;
    cursor: pointer;
    box-shadow: 0 3px 0 #273288;
    padding: 4px 20px;
    border-radius: 4px;
    line-height: 1.42857143;
	font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	text-transform: uppercase;
}
.btn-primary:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active, .btn-primary:active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover {background: #273288; box-shadow: 0 3px 0 #1D92D1;}
button.btn-default, input[type="submit"].btn-default, input[type="button"], .btn-default {color: #333!important; background-color: #fff; border: 1px solid #ccc!important; box-shadow: none;}
.btn-default:hover {color: #333!important; background: #e6e6e6;}
p.meta {font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: 300;}
.btn-more {padding-right: 1.75em; position: relative;}
.btn-more:after, .more-parent.collapsed:after {
	font-family: FontAwesome;
    content: " \f054";
    padding: 2px 10px;
    margin-left: 10px;
    font-weight: normal;
    font-size: 1.250em;
    position: absolute;
    top: 0;
    right: 0;
}
.more-parent:after {
    content: " \f107";
	padding: 0 7px;
}
.more-child {
    background-color: #F0F9ED;
    background: rgba(103, 196, 77, 0.1);
    margin: -15px 0 10px;
    padding: 10px;
    padding-bottom: 0;
    overflow: hidden;
	border-radius: 4px;
}
.more-child li { margin: 5px 0; font-weight: 600;}
.more-child li a {color: #56B43C;}
.btn-prev {padding-left: 1.75em; position: relative;}
.btn-prev:before {
	font-family: FontAwesome;
    content: " \f053";
    padding: 2px 10px;
    margin-right: 10px;
    font-weight: normal;
    font-size: 1.250em;
    position: absolute;
    top: 0;
    left: 0;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

/*Inicio*/
.home-body #rapidos {display: none!important;}

.home-body{
  background-color: #efefef;
}
.cont-principal{
  padding: 30px;
  margin: auto;
  width: 1400px;
  height: 100%;
  background-color: #FFf;
}
#contenido.home {background: #fff;}
#contenido.home #wrapper {padding: 0;}
#ayuda {padding: 90px 0 40px; background: url('../images/bk-ayuda.png') no-repeat center; text-align: center;}
#ayuda h2 {color: #283583; text-transform: uppercase; font-weight: bold; font-size: 2.5em; margin-bottom: 1.2em;}
#ayuda h4 {margin-bottom: 2.5em;}
.superior {background: #E9EAF0; position: relative;}
.superior .col-md-5 {padding: 30px 40px 0!important; border-left: 3px solid #fff; text-align: center;}
.superior .col-md-5 h4 {text-align: center; line-height: 1.2em; margin-bottom: 20px; font-size: 1.05em;}
.separador {background: #0095DC url('../images/bg-separador.jpg') no-repeat center bottom; padding: 35px 20px;}
.separador h2, .separador a i {color: #fff!important; text-align: center; margin-bottom: 0;}
.separador h2 {font-size:2.5em; line-height: 1.3em;}
.separador a:before {content: "\f13a"; display: inline-block; font-family: 'FontAwesome'; line-height: 1.5em; font-size: 1.25em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff!important; text-align: center; margin-bottom: 0;}
.separador .continuar span {display: none;}
#continuar {background: #fff;}
#continuar h3 {color: #525252; margin-bottom: 20px; padding: 30px 20px 0; font-weight: normal; font-size: 1.5em;}
#continuar .consultas {margin-bottom: 20px; padding: 25px 25px 15px; background: #f8f8f8;}
#continuar .consultas h4 {font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; color: #273483; text-align: center; font-weight: bold; line-height: 1.2em; margin-bottom: 1.3em;}
#continuar .consultas li {padding: 8px 0 8px 20px; font-size: 1.2em;}
#contenido #continuar .consultas li:before {color: #273483; top: 8px;}
#continuar .row.continue {margin: 0!important; padding-bottom: 20px!important;}
#continuar .row.continue [class^=col-] {padding: 10px 20px!important;}
#continuar .rightbg {background: url('../images/rightbg.jpg') no-repeat right top;}
#continuar .continue h4 {font-size: 1.5em; color: #273483; margin: 0 0 .5em; line-height: 1.2em;}
#continuar .continue li {padding: 0 0 0 15px; font-size: 1.095em; color: #fff;}
#continuar .continue a {font-size: 1.095em; color: #0095DC!important;}
#continuar .continue li a {font-size: 1em;}
#contenido #continuar .continue li:before {color: #0095DC; top: 0px;}
.imprimibles ul li {display: inline; padding: 0; background: none; margin: 0;}
.imprimibles ul {margin: 0; list-style: none;}
.imprimibles ul li:before {display: none!important;}
#abrir-empresa {background: #E6E3E3; padding: 30px 0 0;}
#abrir-empresa img {max-width: 100%;}
#abrir-empresa h2 {color: #525252; font-size:2.5em; line-height: 1.3em; margin-bottom: 0;}
#abrir-empresa h3 {color: #525252; margin-bottom: 20px; font-weight: normal; font-size: 1.5em;}
#abrir-empresa .highlight {color: #fff; background: #EA5132; display: inline-block; font-size: 1.5em; line-height: 1.25em; padding:10px 25px; border-radius: 10px;}
#abrir-empresa .pasos-home {position: relative; margin: 0 -20px;}
#abrir-empresa .paso-home {margin: 20px; padding: 20px;}
#abrir-empresa .contpaso-home {color: #fff; text-align: center; font-size: 1.1em;}
#abrir-empresa .contpaso-home h4 {color: #fff; font-size: 1.35em;}
#abrir-empresa .contpaso-home .btn-inverted {color: #fff; border: 1px solid #fff; border-radius: 0; font-size: 1em; padding: 2px 20px;}
#abrir-empresa .contpaso-home .btn-inverted:hover {background: #fff; color: #273288;}
#abrir-empresa .paso-home.uno {background-color: #69B115;}
#abrir-empresa .paso-home.dos {background-color: #0093DC;}
#abrir-empresa .paso-home.tres {background-color: #263383;}
#abrir-empresa .paso-home.cuatro {background-color: #023758;}

/* Cajas */
#contenido .container ul + .readmore {padding-left: 10px;}
.verde-claro {background-color: #f1f9e8; padding: 15px;}
.azul-claro {background-color: #DDECF3; padding: 15px;}
.gris-claro {background-color: #EFEFEF; padding: 15px;}
.carousel {margin-bottom: 0; position: relative;}
.carousel-indicators li {
	padding-left: 0!important;
    background-color: #fff;
    border: none!important;
	width: 20px;
    height: 5px;
	border-radius: 0;
	box-shadow: 1px 1px 1px #273483;
	margin: 0 2px;
}
.carousel-indicators li:before {display: none!important;}
.carousel-indicators .active {
    width: 20px;
    height: 5px;
	border-radius: 0;
    margin: 0;
    background-color: #0095DC;
}
.carousel-indicators {
    bottom: 15px;
    margin: 0!important;
	left: 0;
	width: 100%;
}
.carousel-inner .item img {
    width: 100%;
	-webkit-filter: none;
	filter: none;
}
.carousel-caption {right: 25px!important; left: initial; bottom: 10px; color: #fff!important; text-align: right;}
.carousel-caption h2 {font-size: 2.250em!important; color: #fff!important; text-shadow: 0 0 7px rgba(0,0,0,0.7);}
.enlaces .btn-more {display: block; text-align: left;}
.pagination li:before {display: none!important;}
.pagination>li {padding-left: 0!important;}
.btn-margin-top {margin-top:10px;}
.margin-top {margin-top: 20px;}
.margin-bottom {margin-bottom: 20px;}
#contenido .btn {white-space: normal;}
.table-bordered td a, .panel .panel-body a {color: #1D92D1;}
.table-hover>tbody>tr:hover {background-color: #EFF9EE;}
.table-bordered th {background: #ddd; text-align: center; font-size: 1.125em; color: #555;}
.table-bordered td {color: #525252;}
.table-condensed td, .table-condensed th {font-size: 0.929em; line-height: 1.2em!important;}
.tabla-tramite th {background: #f8f8f8; font-size: 1.125em; text-align: center;}
.tabla-tramite th, .tabla-tramite td {border-top: none!important; vertical-align: middle!important;}
.tabla-tramite tr {background: none!important;}
.tabla-tramite td {border-bottom: 1px solid #545454!important;}
.tabla-tramite tr.active > td {background: #efefef!important;}
.tabla-tramite .nowrap {white-space: nowrap; /*min-width: 155px;*/min-width: 72px;}
.ico-tramite {display: inline-block; background: #DEDEDE; padding: 5px; text-align: center; /*margin-right: 15px;*/ border-radius: 0 5px 0 5px;}
.tabla-tramite tr.active > td .ico-tramite {background: #26B200;}
.step-tramite {font-size: 1.125em; font-weight: bold;}
.popover {max-width: 400px; background:#FFFFBF;}
.popover.top>.arrow:after {border-top-color:#FFFFBF;}
h4.modal-title {font-weight: bold; font-size: 1.3em;}
button.close {color: #000!important; box-shadow: none!important; min-width: 10px!important;}
button.close:hover {background: none!important;}
.table-responsive {-ms-overflow-style: scrollbar;}
.form-inline .form-group .btn-primary, .modal-footer .btn-primary {position: relative; top: -1px;}
input[type=file] {border: none!important; padding: 0!important;}
.table-condensed .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 1em;
    line-height: 1.2;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

/*Interna*/
#wrapper {margin: 0 auto; background: #fff; max-width: 100%; padding: 30px;}
#wrapper li {
    margin-bottom: 7px;
    line-height: 1.4em!important;
}
#wrapper [class^=col-]:not(.sidebar) a:not(.btn), #contenido #wrapper [class^=col-]:not(.sidebar) h2, #contenido #wrapper.full h2 {
    color: #1D92D1;
}
#wrapper [class^=col-] a:not(.btn):hover {color: #273288;}
#banner {background: #9B9CB5; background-repeat: no-repeat; background-position: center; background-size: cover; padding:50px 0; -webkit-filter: none; filter: none;}
#banner.bg1 {background-image: url('../images/bg1.jpg');}
#banner.bg2 {background-image: url('../images/bg2.jpg');}
#banner.bg3 {background-image: url('../images/bg3.jpg');}
#banner.bg4 {background-image: url('../images/bg4.jpg');}
#banner.bg5 {background-image: url('../images/bg5.jpg');}
#banner h1 {font-size: 2.750em; color: #fff; font-weight: 500; margin-bottom: 0; line-height: 1.2em; padding: 0 30px;}
#pasos {overflow: hidden;}
#pasos .step {position: relative; width: 16.66%; display: block; float: left; padding-bottom: 25px;}
#pasos .step .numero {display: block; margin: 0 auto 15px; width: 75px; height: 71px; border: 5px solid #D2D2D2; border-top-width: 3px; border-bottom-width: 3px; background: #DEDEDE; color: #FFF; z-index: 10; position: relative; border-radius: 0 5px 0 5px; line-height: 65px; font-size: 2.8em; text-align: center; font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: 500;}
#pasos .step .numero i.fa {line-height: 65px;}
#pasos .step .titulo {text-align: center; font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: 500; font-size: 1.375em; padding: 0 40px; display: block; line-height: 1em;}
#pasos .step:before {
    content: " ";
    position: absolute;
	display: block;
    right: -50%;
    left: 50%;
    width: 100%;
	height: 4px;
	background: #DDECF3;
    color: #999;
    z-index: 1;
    overflow: hidden;
    top: 35px;
}
#pasos .step:nth-of-type(6):before {
	right: 50%;
	display: none;
}
#pasos .step.activo .numero {border-color: #26B200; background: #9BD47A; color: #F9F9F9;}
#pasos .step.activo .titulo {color: #0095DC;}

.pagination>li>a, .pagination>li>span {color: #1D92D1;}
.pagination>li:hover>a, .pagination>li:hover>span {color: #273288;}

/*Tabs*/
.nav-tabs li:before {display: none!important;}
.nav-tabs>li {padding-left: 0!important; margin-bottom: -1px!important;}
.contenedor-tabs .tab-pane {padding: 20px;}
.contenedor-tabs .nav-tabs>li {margin-left: 4px;}
.contenedor-tabs .nav-tabs>li a {padding: 6px 20px; border-radius: 0!important; background: #F1F0EE; color: #999!important; font-family:  "FuturaLT", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-weight: 700; border: 1px solid #ddd; font-size: 1.125em;}
.contenedor-tabs .nav-tabs>li.active a {padding: 4px 20px 6px; background: #FFF; color: #000!important; border-top: 3px solid #5FC83B; border-bottom: 1px solid #fff!important;}
.contenedor-tabs .form-group textarea.form-control {height: 100px;}

#contenido .form-horizontal [class^=col-] {padding-bottom: 0; padding-top: 0;}
table .accion {font-size: 1.3em; line-height: 1em;}
.panel-group .panel {border: none!important;}
#accordion {margin-bottom: 30px;}
#accordion .panel-heading {padding: 0;}
#accordion .panel-title a {
    display: block;
    font-weight: bold;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    color: #0095DC;
	text-decoration: none;
	padding: 10px 15px;
	font-size: 1em;
	line-height: 1.750em;
	background: #fff;
	border-bottom: 2px solid;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {background: #F6F6F6;}
#accordion .panel-title a:after {
	content: "\f077";
    font-family: FontAwesome;
    padding-left: 15px;
    float: right;
	font-size: 1.5em;
    line-height: 1.1em;
	padding-bottom: 5px;
	border-left: 1px solid;
}
#accordion .panel-title a:hover {text-decoration: underline;}
#accordion .panel-title a.collapsed {color: #545454;}
#accordion .panel-title a.collapsed:after {
	content: "\f078";
}
.form-group .input-group .input-group-btn .btn {padding: 9px 12px; min-width: 5px;}
span.estado {display: block; width: 12px; height: 12px; border-radius: 6px; margin: 2px 0;}
span.estado.rojo {background: rgba(217,0,0,0.65);}
span.estado.verde {background: rgba(56,183,61,0.65);}
.btn.pull-right {margin-left: 5px;}
.resultados {padding-top: 15px; clear: both;}
.resultados h4 {margin-top: 0; font-weight: bold;}
.botones {overflow: hidden; margin-top: 20px;}
.botones .btn, .btn-container .btn {margin-bottom: 5px;}
.alinear .btn {vertical-align: top;}
label.acento {font-weight: bold; margin-bottom: 0;}
.modal-body {overflow: hidden;}
.panel-group.general #collapseOne .panel-body li {display: inline-block; width: 33%;}
.card-block li.list-group-item {margin-bottom: -1px!important; padding-left: 15px!important;}
.card-block li.list-group-item:before {display: none;}
.card-block .col-md-4:nth-of-type(3n+1) {clear: both;}
.normatividad h4 {margin-top: 25px;}
.normatividad h4 a {color: #1d92d1;}

/*Login*/
.login #contenido {padding: 30px 0;}
.login .centrar {max-width: 400px; margin: auto; font-size: 0.875em;}
.login .centrar a {color: #1d92d1;}
.login .centrar .panel {font-size: 1.071em;}
.login .logo-app {text-align: center; margin-bottom: 20px;}
.login .panel-heading h4 {color: #fff;}
.login .button-container {margin-bottom: 10px;}
.panel-primary>.panel-heading {background-color: #1d92d1;}
.has-error input, .has-error select, .has-error textarea, input.invalid, select.invalid, textarea.invalid {border-color: #a94442!important;}
.has-error .error-container, .error-container.invalid {color: #a94442; padding: 5px 0 0; font-size: 0.813em;}

/*Tablets*/
@media all and (min-width: 1200px) {
	#menu-principal ul.root > li.medium > a, #menu-principal ul.root > li.small > a {height: 60px;}
	#menu-principal ul.root > li.bigger > a {height: 60px; max-width: 190px;}
	#menu-principal ul.root > li.parent > a {padding-right: 30px;}
	#menu-principal ul.root {padding-top: 15px; margin-right: 10px;}
	#menu-principal ul.sub-menu {box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
	#menu-principal ul.root > li.parent > a:after {
		position: absolute;
		content: "\f078";
		font-family: FontAwesome;
		top: 50%;
		right: 10px;
		font-size: 1em;
		height: 16px;
		line-height: 16px;
		margin-top: -8px;
	}
	.logo a {padding: 29px 0 30px;}
	.cabezote .logo.col-md-3 {width: 20%!important;}
	.cabezote .col-md-9 {width: 80%!important;}
	#abrir-empresa .pasos-home {width: 100%; height: 570px; margin: 0!important; overflow: hidden;}
	#abrir-empresa .paso-home {width: 343px; position: absolute; padding: 120px 30px; background-color: transparent!important; margin: 0!important;}
	#abrir-empresa .paso-home.uno {background: url(../images/pasohome-1.png) no-repeat 0 0; top: 201px; left: 0; z-index: 4;}
	#abrir-empresa .paso-home.dos {background: url(../images/pasohome-2.png) no-repeat 0 0; top: 134px; left: 265px; z-index: 3; padding: 100px 20px 120px 90px;}
	#abrir-empresa .paso-home.tres {background: url(../images/pasohome-3.png) no-repeat 0 0; top: 67px; left: 531px; z-index: 2; padding: 100px 25px 120px 95px;}
	#abrir-empresa .paso-home.cuatro {background: url(../images/pasohome-4.png) no-repeat 0 0; top: 0px; left: 795px; z-index: 1; padding: 100px 23px 120px 93px;}
}

@media all and (max-width:1199px) {
	#menu-principal {padding:0;}
	#menu-principal ul {border: none!important;}
	#menu-principal ul.root {box-shadow: 0 1px 2px rgba(0,0,0,0.2);}
	#menu-principal ul li {
		padding: 0;
		border: none!important;
		border-top: 1px solid #fff!important;
	}
	#menu-principal ul li a {padding: 7px 10px; font-size: 1em; text-align: left;}
	#mobile-toggle {display: block; float: none; padding: 45px; margin: 0; position: relative;}
	#mobile-toggle:after {top: 30px; left: 30px;}
	#header #menu-principal ul {display: none; padding: 0!important; right: 0!important; position: absolute; top: 100%; background: #fff; width: 250px;}
	#header #menu-principal ul li {max-width: 100%; display: block; width: 100%!important; border-top: 1px solid #eee!important; text-align: left;}
	#header #menu-principal ul ul {width: 100%!important;position: relative!important; display: block!important;}
	#menu-principal ul ul li a {padding-left: 20px!important;}
	#pasos .step {width: 16.66%; padding-bottom: 25px;}
	#pasos .step .titulo {font-size: 1.250em; padding: 0 30px;}
	.panel-group.general #collapseOne .panel-body li {display: inline-block; width: 49.5%;}
}
@media all and (max-width:1199px) and (min-width: 992px) {
	.logo a {padding: 29px 0 30px;}
	.superior .col-md-5 h4 {font-size: 0.9em;}
	.superior .col-md-5 {padding: 15px!important;}
}
@media all and (max-width:991px) {
	#menu-principal {float: left;}
	.logo a {text-align: center;}
	.col-sm-2:nth-of-type(6n+1) {clear: both;}
	#header #menu-principal ul {left: 0; width: 250px;}
	#pasos .step {width: 33.33%; padding-bottom: 25px;}
	#pasos .step .titulo {font-size: 1.250em; padding: 0 30px;}
	#pasos .step:nth-of-type(3):before {
		right: 50%;
		display: none;
	}
	#pasos .step:nth-of-type(3n+1) {clear: both;}
	#contenido .row.preguntas {margin: 0 -20px;}
	#contenido .row.preguntas [class^=col-] {padding: 20px;}
	.superior .col-md-5 {padding: 25px 30px!important; border-left: none;}
}
@media all and (min-width:992px) {
	.cabezote .container:before {
		display: block;
		right: 100%;
		top: 0;
		bottom: 0;
		width: 100%;
		position: absolute;
		background: #F5F6F7;
	}
	.cabezote .logo {background: #F5F6F7; position: relative;}
	.cabezote .logo:after {content: " "; position: absolute; right: -50px; top: 0; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 150px 50px 0 0; border-color: #f5f6f7 transparent transparent transparent;}
	.cabezote .col-md-9 {padding-top: 30px;}
	.superior .col-md-5 {position: absolute; right: 0; height: 100%;}
}
@media all and (max-width:860px) and (min-width:768px) {
	
}
@media all and (min-width:768px) {
	#header {width: 100%; padding-left: 0; padding-right: 0;}
	.form-inline .form-group {margin-right: 5px; min-width: 25%;}
	.form-inline .form-group .form-control {width: 100%;}
}
@media all and (max-width:991px) and (min-width:768px) {
	.carousel-caption h2 {font-size: 2em!important;}
}
@media all and (max-width:1199px) and (min-width:768px) {
	#abrir-empresa .paso-home {float: left; width: 44%; margin: 3%;}
	#abrir-empresa .paso-home:nth-of-type(2n+1) {clear: both;}
}
@media all and (max-width:767px) {
	body {font-size:0.875em;}
	#footer .footerIcontec {text-align: center;}
	.carousel-caption h2 {font-size: 2.250em!important; line-height: 1em;}
	.col-xs-4:nth-of-type(3n+1) {clear: both;}
	#changer, #rapidos {display: none;}
	#banner h1 {font-size: 2.250em; padding: 0;}
	#pasos .step .numero {
		width: 65px;
		height: 61px;
		border: 5px solid #D2D2D2;
		border-top-width: 3px;
		border-bottom-width: 3px;
		line-height: 55px;
		font-size: 2.5em;
	}
	#pasos .step .numero i.fa {line-height: 55px;}
	#pasos .step:before {top: 30px;}
	.tabla-tramite td {white-space: normal!important;}
	.panel-group.general #collapseOne .panel-body li {display: block; width: 100%;}
	.paso-home.animated, .contpaso-home.animated, .text-center.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	#abrir-empresa .pasos-home {padding: 0 30px;}
	#abrir-empresa .paso-home {max-width: 400px; margin: 20px auto;}
}
@media all and (max-width:680px) {
	#menu-principal ul li a {
	padding: 7px;
	}
}
/*Móviles*/
@media all and (max-width:620px) {
	#header #menu-principal ul li {width: 100%;}
	.carousel-caption h2 {font-size: 2em!important;}
}
@media all and (max-width:480px) {
	#mincomercio, #menu-principal, #opciones {float: none; text-align: center; width: 100%;}
	#header #menu-principal ul {width: 100%; position: relative; box-shadow: none;}
	#menu-principal ul li a {font-size: 1.15em; text-align: center;}
	#menu-principal ul ul li a {font-size: 1em;}
	#mobile-toggle {margin: auto;}
	.carousel-caption h2 {font-size: 1.725em!important;}
	.carousel-caption {max-width: 100%;}
	#sponsors .sponsorcont .sponsor {display: block; text-align: center; padding: 5px 15px;}
	#pasos .step .titulo {font-size: 1.250em; padding: 0 10px;}
	#wrapper {padding: 20px;}
	#contenido .row.preguntas .tipo {border-width: 10px;}
	#contenido .row.preguntas .tipo .over {padding: 10px;}
}
@media all and (max-width:420px) {
	#menu-principal ul li a {line-height:20px;}
	.carousel-caption h2 {font-size: 1.5em!important;}
	.carousel-caption {right: 10px!important; bottom: 0; padding-bottom: 10px;}
}
@media all and (max-width:380px) {
	#pasos .step .numero {
		width: 55px;
		height: 51px;
		border: 5px solid #D2D2D2;
		border-top-width: 3px;
		border-bottom-width: 3px;
		line-height: 45px;
		font-size: 2em;
	}
	#pasos .step .numero i.fa {line-height: 45px;}
	#pasos .step:before {top: 25px;}
	#pasos .step .titulo {font-size: 1.125em; padding: 0 5px;}
}