@charset "utf-8";
/***************************************************************/
/********** Hoja de estilos para maqueta de Konstruactiva *******/
/*************************************************************/

body {
    background-color:#AAA;
    background-image: url(../../imagenes/fondo.jpg);
    height:100%;
    font-family:Arial, sans-serif;
    line-height:1.5;
    color:#333;
    text-align:center;
    margin:0;
    padding:0;
}

/**************************************************************************/
/********************************>> MAQUETA <<****************************/
/************************************************************************/


#content {
	width:990px;
	margin: 0 auto;
	padding-top: 20px;
}


/************** STATIC CONTENIDO *************/

#header {
    width:auto;
    height:200px;
    overflow:hidden;
    text-align:center;
    padding-bottom: 10px;
    border-radius: 16px;
}

#logo {
    width:270px;
    float:left;
    margin-bottom:10px;
    margin-left: 1rem;
    text-align:left;
}

#title{
    color: #777;
    width:auto;
    float:right;
    text-align:justify;
    margin: 88px 200px 0 0;
}

#title h1 {font-size: 1.8rem;}
#title h2 {font-size: 1.6rem;}
#date {
    color: #555;
	width: 250px;
	height: 1.5rem;
	float:right;
    text-align:right;
    margin-top:10px;
    margin-right: 1rem;
    font-size:1rem;
}

#fotos {
	width:990px;
	height:auto;
	text-align:center;
	margin:10px auto;
}

#portacalugas {
    float: left;
	width:100%;
	height:auto;
	text-align:center;
	margin: 0 auto 10px;
    padding: 20px 0;
    border-radius: 16px;
}

.caluga {
    float: left;
    width:197px;
    height:194px;
	margin: 0 auto;
    padding: 6px 6px 0 6px;
}

.imagen {
	width:197px;
	height:auto;
	text-align:center;
	margin: 0 auto;
    outline: 1px solid #ccc;
}

#portacalugas .imagen img {
    width: 100%;
    height: auto;
}

.bajada-caluga{
    color:#444;
    font-weight: bold;
    width:197px;
    height:auto;
    padding: 0;
    font-size:1rem;
    text-align:center;
    float:left;
}

.separador-calugas {
    float: left;
    width:31px;
    height:194px;
	margin: 0 auto;
}

/***********************************/
/************* Botonera ***********/
/*********************************/

#botonera {
    float: left;
	width: 100%;
	text-align:center;
	padding:0;
	height: 42px;
	line-height:40px;
	margin:30px auto;
}

#botonera ul {
	width:968px;
	height: 40px;
	padding:1px;
	margin:0 auto;
}

#botonera ul li {
    float:left;
    height: 40px;
}

#botonera ul li.separador {
    width: 7px;
    margin: 0;
}

#botonera ul li.boton-izq {
	width:125px;
	height:40px;
}

#botonera ul li.boton-izq a:link {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 44px 12px 44px;
    line-height: 100%;
}

#botonera ul li.boton-izq a:visited {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	    padding: 11px 44px 12px 44px;
    line-height: 100%;
}

#botonera ul li.boton-izq a:hover, li.boton-izq a:active, li.boton-izq a:focus {
    background-color: #EEE;
	color: #777;
	text-decoration: underline;
	    padding: 11px 44px 12px 44px;
    line-height: 100%;
}

#botonera ul li.boton {
	width:auto;
	min-width:100px;
	height: 40px;
}

#botonera ul li.boton a:link {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 10px 12px 10px;
    line-height: 100%;
}

#botonera ul li.boton a:visited {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 10px 12px 10px;
    line-height: 100%;
}

#botonera ul li.boton a:hover, li.boton a:active, li.boton a:focus {
    background-color: #EEE;
	color: #777;
	text-decoration: underline;
	padding: 11px 10px 12px 10px;
    line-height: 100%;
}

#botonera ul li.boton-der {
	width:125px;
	height: 40px;
	border-right: 0 none;
}

#botonera ul li.boton-der a:link {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 31px 12px 31px;
    line-height: 100%;
}

#botonera ul li.boton-der a:visited {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 31px 12px 31px;
    line-height: 100%;
}

#botonera ul li.boton-der a:hover, li.boton-der a:active, li.boton-der a:focus {
    background-color: #EEE;
	color: #777;
	text-decoration: underline;
	padding: 11px 31px 12px 31px;
    line-height: 100%;
}

/************* Fin Botonera ***********/

#fotos-equipo {
    float: left;
	width:990px;
	height:auto;
	text-align:center;
	margin: 20px auto;
}

#fotos-equipo div.profesional {
    float: left;
	width:240px;
	height:auto;
	text-align:center;
    margin-right:10px;
}

#fotos-equipo img {
    width:150px;
    height:150px;
}

#fotos-equipo div.profesional.primera {margin-left: 0px;}

#fotos-equipo div.profesional.ultima {margin-right: 0px;}

#fotos-equipo div.bajada {
    font-size: 1rem;
    float: left;
	width:240px;
	height:auto;
	text-align:center;
    line-height: 1.2rem;
}

#fotos-equipo div.bajada p.nombre {
    margin-top: 5px;
    font-size: 1rem;
    line-height: 100%;
}

#fotos-equipo div.bajada p.cargo {
    margin-top: 5px;
    font-size: 0.9rem;
    line-height: 100%;
}

#fotos-equipo div.bajada p.cargo.largo {
    margin-top: 2px;
    font-size: 0.9rem;
    line-height: 1rem;
}
#wrapper-texto {
    float: left;
	width:100%;
	height:auto;
	text-align:center;
	margin: 0 auto;
}

#texto {
    width:960px;
    height:auto;
    margin: 0 auto;
    padding:0;
}

#texto p.intro {
    text-align:justify;
    font-size:1.2rem;
    line-height:1.4rem;
    margin-top:0;
}

#mision {
    text-align: left;
    width:960px;
    height:auto;
    margin: 30px auto;
    padding:0;
}

#mision h2 {margin: 0 0 0 50px;}

#mision p.mision {
    font-size: 1.1rem;
    margin: 0 0 0 130px;
}

#vision {
    text-align: left;
    width:960px;
    height:auto;
    margin: 40px auto 20px;
    padding:0;
}

#vision h3 {margin: 0 0 0 180px;}

#vision p.vision {
    font-size: 1.1rem;
    margin: 0 0 0 260px;
}

/******************* CONTACTO *****************/

#wrapper-columnas {
    float: left;
    width: 990px;
    height: auto;
    margin: 40px auto 0;
}

#columna-1 {
    font-weight: bold;
    float: left;
    width: 460px;
    text-align: left;
    margin: 0 auto;
}

div.phone {
    font-weight: bold;
    float: left;
    width: auto;
    text-align: left;
    margin: -10px 30px 20px;
}

div.adress-v {
    font-weight: bold;
    float: left;
    width: auto;
    text-align: left;
    margin: 20px 30px;
}

div.adress-rm {
    font-weight: bold;
    float: left;
    width: auto;
    text-align: left;
    margin: 10px 30px 40px;
}
.outlook-txt {
    font-weight: bold;
    float: left;
    width: 300px;
    text-align: left;
    margin: 10px 30px 20px;
}

div.iconos-outlook {
    float: left;
    width: 450px;
    text-align: center;
    margin: 10px auto 0;
}

div.icono-cc img {
    max-width: 100%;
    height: auto;
}

div.icono-cc {
    float: left;
    width: 50px;
    text-align: center;
    margin: 0 18px;
}

#columna-2 {
    font-weight: bold;
    float: right;
    width: 500px;
    text-align: center;
    margin: 0 auto;
}


#wrapper-columnas-1 {
    font-size: 1.1rem;
    float: left;
    width: 930px;
    height: auto;
    text-align: left;
    margin: 0 30px;
}
#columna-item-1 {
    font-weight: bold;
    float: left;
    width: 250px;
    height: 40px;
    text-align: left;
    margin: 0 auto;
}

#columna-link-1 {
    font-weight: bold;
    float: right;
    width: 650px;
    height: 40px;
    text-align: right;
    margin: 0 auto;
}

#wrapper-columnas-2 {
    float: left;
    width: 930px;
    height: auto;
    text-align: left;
    margin: 30px 30px 0;
}
#columna-item-2 {
    font-weight: bold;
    float: left;
    width: 300px;
    height: 130px;
    text-align: left;
    margin: 0 auto;
}

#columna-link-2 {
    font-weight: bold;
    float: right;
    width: 550px;
    height: 130px;
    text-align: center;
    margin: 0 auto;
}

#columna-link-2 div.iconos {
    float: right;
    width: 550px;
    height: 110px;
    text-align: center;
    margin: 10px auto 0;
}

div.icono {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 18px;
}

div.phone-1 {
    font-weight: bold;
    float: left;
    width: auto;
    height: 40px;
    text-align: left;
    margin: -10px 30px 20px;
}

div.adress-1 {
    font-weight: bold;
    float: left;
    width: auto;
    height: 40px;
    text-align: left;
    margin: 20px 30px;
}

div.adress-2 {
    font-weight: bold;
    float: left;
    width: auto;
    height: 40px;
    text-align: left;
    margin: 10px 30px 40px;
}

/*====== Inicio #botonera-2 abajo  =====*/

#botonera-2 {
    float: left;
	width: 100%;
	text-align:center;
	padding:0;
	height: 42px;
	line-height:40px;
	margin:30px auto;
}

#botonera-2 ul {
	width:968px;
	height: 40px;
	padding:1px;
	margin:0 auto;
}

#botonera-2 ul li {
    float:left;
    height: 40px;
}

#botonera-2 ul li.separador {
    width: 7px;
    margin: 0;
}

#botonera-2 ul li.boton-izq {
	width:125px;
	height:40px;
}

#botonera-2 ul li.boton-izq a:link {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding:11px 44px 12px 44px;
    line-height: 100%;
}

#botonera-2 ul li.boton-izq a:visited {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	    padding: 11px 44px 12px 44px;
    line-height: 100%;
}

#botonera-2 ul li.boton-izq a:hover, li.boton-izq a:active, li.boton-izq a:focus {
    background-color: #EEE;
	color: #777;
	text-decoration: underline;
	    padding: 11px 44px 12px 44px;
    line-height: 100%;
}

#botonera-2 ul li.boton {
	width:auto;
	min-width:100px;
	height: 40px;
}

#botonera-2 ul li.boton a:link {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 10px 12px 10px;
    line-height: 100%;
}

#botonera-2 ul li.boton a:visited {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 10px 12px 10px;
    line-height: 100%;
}

#botonera-2 ul li.boton a:hover, li.boton a:active, li.boton a:focus {
    background-color: #EEE;
	color: #777;
	text-decoration: underline;
	padding: 11px 10px 12px 10px;
    line-height: 100%;
}

#botonera-2 ul li.boton-der {
	width:125px;
	height: 40px;
	border-right: 0 none;
}

#botonera-2 ul li.boton-der a:link {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 31px 12px 31px;
    line-height: 100%;
}

#botonera-2 ul li.boton-der a:visited {
    background-color: #CCC;
	color: #777;
	text-decoration: none;
	padding: 11px 31px 12px 31px;
    line-height: 100%;
}

#botonera-2 ul li.boton-der a:hover, li.boton-der a:active, li.boton-der a:focus {
    background-color: #EEE;
	color: #777;
	text-decoration: underline;
	padding: 11px 31px 12px 31px;
    line-height: 100%;
}

/*====== FIN Botonera 2 abajo  =====*/

#wrapper-footer {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px auto;
}

#footer{
    color:#777;
    font-weight:bold;
    background-color: #CCC;
    width:968px;
    height:25px;
    border-radius:8px;
    margin: 0 auto;
}

#footer:hover {background-color: #EEE;}

#footer a:link {
    display: block;
    color:#444;
    text-decoration:none;
}

#footer a:visited {
    display: block;
    color:#444;
    text-decoration:none;
}

#footer a:hover, a:active, a:focus {
    display: block;
    color:#777;
    text-decoration:underline;
}

/************** FIN STATIC CONTENIDO *************/

/******************************************************************************/
/********************************>> FIN MAQUETA <<****************************/
/****************************************************************************/

/**********************************************************************/
/******************************>> FORMATO <<**************************/
/********************************************************************/

p {margin-top:10px;}

h1 {font-size: 2rem;}

h2 {font-size: 1.8rem;}

h3 {font-size: 1.8rem;}

h4 {font-size: 1.5rem;}

h5 {font-size: 1.2rem;}

h6 {font-size: 1.1rem;}

.big {
    font-size:1.5rem;
    font-weight:bold;
    text-align:center;
    margin-left:1rem;
}

.invisible {
   display:none;
}

.fin-float {
    clear:both;
    width: 100%;
    height: 1px;
}

.centrado {text-align: center !important;}

.justificado {text-align: justify !important;}

.izquierda {text-align: left !important;}

.derecha {text-align: right !important;}

.bold {font-weight:bold !important;}

.italica {font-style: italic !important;}

.block {display: block !important;}

.matafloat{clear:both;}