@charset "utf-8";
/* CSS Document */
* {
	margin  : 0;
	padding : 0;
	border  : 0;
}
.clear {
	width : 100%;
	clear : both;
}
p {
	margin : 10px 0;
}
a {
	text-decoration : none;
	color           : #F0FF00;
}
iframe {
	border : none;
}
.left {
	float : left;
}
.right {
	float : right;
}
.amarillo {
	color : #F0FF00;
}
.celeste {
	color : #4195CA;
}
.hidden {
	overflow : hidden;
}
.noMobile {
	display : none;
}
.hand {
	font-family : 'SeanRegular';
	margin      : 5px 0 10px 0;
	text-align  : right;
	font-size   : 18px;
}
.clear {
	width : 100%;
	clear : both;
}
.bold {
	font-weight : bold;
}
.centrado {
	text-align : center;
}
h1 {
	margin    : 0 0 20px 0;
	font-size : 3.5em;
}
h3 {
	margin      : 15px 0;
	font-weight : normal;
	font-size   : 18px;
}
.contenido {
	padding : 20px 0;
}
/*************** FUENTES ****************/
@font-face {
	font-family : 'SchadowBTBold';
	src         : url('fuentes/tt1107m_-webfont.eot');
	src         : url('fuentes/tt1107m_-webfont.eot?#iefix') format('embedded-opentype'),
	url('fuentes/tt1107m_-webfont.woff') format('woff'),
	url('fuentes/tt1107m_-webfont.ttf') format('truetype'),
	url('fuentes/tt1107m_-webfont.svg#SchadowBTRoman') format('svg');
	font-weight : normal;
	font-style  : normal;
}
@font-face {
	font-family : 'SchadowBT';
	src         : url('fuentes/tt1106m_-webfont.eot');
	src         : url('fuentes/tt1106m_-webfont.eot?#iefix') format('embedded-opentype'),
	url('fuentes/tt1106m_-webfont.woff') format('woff'),
	url('fuentes/tt1106m_-webfont.ttf') format('truetype'),
	url('fuentes/tt1106m_-webfont.svg#SchadowBTRoman') format('svg');
	font-weight : normal;
	font-style  : normal;
}
@font-face {
	font-family : 'SeanRegular';
	src         : url('fuentes/handsean-webfont.eot');
	src         : url('fuentes/handsean-webfont.eot?#iefix') format('embedded-opentype'),
	url('fuentes/handsean-webfont.woff') format('woff'),
	url('fuentes/handsean-webfont.ttf') format('truetype'),
	url('fuentes/handsean-webfont.svg#SeanRegular') format('svg');
	font-weight : normal;
	font-style  : normal;
}
body, html {
	width       : 100%;
	height      : 100%;
	font-size   : 13px;
	font-family : Helvetica, Arial, sans-serif;
}
body {
	background : url(imagenes/bodyPattern.jpg) center center repeat #292929;
}
/*********** HEADER ********/
header {
	width      : 100%;
	background : #FFF;
	height     : auto;
	padding    : 20px 0 0;
}
header a.logo {
	width      : 100%;
	max-width  : 207px;
	text-align : center;
	display    : block;
	margin     : 0 auto 20px;
	height     : auto;
	background : #FFF;
}
/****** NAV **********/
nav ul {
	width      : 90%;
	margin     : 0 auto;
	list-style : none;
}
nav li {
	margin      : 5px 0;
	padding     : 0 10px;
	text-align  : center;
	background  : #252525;
	border      : 1px solid #CCC;
	height      : 40px;
	line-height : 40px;
}
nav li a {
	font-family : 'SchadowBTBold';
	font-size   : 16px;
	color       : #FFF;
	display     : block;
}
nav li:hover {
	background : #DDD;
	color      : #252525;
}
nav li:hover a {
	color : #252525;
}
/****** SLIDER **********/
.contenedorSlider {
	width      : 96%;
	padding    : 10px 2% 0 2%;
	background : url(imagenes/picosMobile.png) left top repeat-x;
}
#textosSlider {
	font-family : 'SchadowBT', sans;
	text-align  : right;
	margin      : 0 0 8px 0;
	padding     : 10px;
	color       : #FFF;
	font-size   : 13px;
}
.contenedorSlider h2 {
	font-size : 17px;
	margin    : 10px 0 20px 0;
	padding   : 0 10px;
}
/******* CUERPO PRINCIPAL ***/
.boxTrabajo {
	width    : 46%;
	display  : block;
	color    : #FFF;
	overflow : hidden;
	position : relative;
	height   : auto;
	margin   : 0 2% 20px;
	float    : left;
}
.boxTrabajo img {
	width   : 100%;
	display : block;
}
.boxTrabajo span {
	overflow : hidden;
}
.boxTrabajo span.tituloHover {
	display : none;
}
.boxTrabajo span.titulo {
	color       : #FFF;
	width       : 100%;
	text-indent : 10px;
	display     : block;
	bottom      : 0;
	background  : #000;
	height      : 20px;
	line-height : 20px;
}
.boxTrabajo:hover span.titulo {
	background : #F0FF00;
	color      : #333;
}
#contenido {
	width  : 96%;
	margin : 0 auto;
	color  : #FFF;
}
.servicios article {
	padding       : 0 0 10px;
	margin        : 0 0 10px;
	border-bottom : 1px dotted #F0FF00;
}
/******* FOOTER **********/
footer {
	width      : 100%;
	background : #1F1F1E;
	padding    : 10px 0 0 0;
}
footer .irTop {
	text-indent : -9999px;
	display     : block;
	position    : absolute;
	top         : -37px;
	left        : 50%;
	margin      : 0 0 0 -40px;
	width       : 80px;
	height      : 80px;
	overflow    : hidden;
	background  : url(imagenes/flechaTop.png) center top no-repeat;
}
.irTop:hover {
	background-position : center bottom;
}
footer a {
	text-decoration : underline;
	color           : #252525;
}
footer a:hover {
	text-decoration : none;
}
footer h3 {
	color          : #FFF;
	margin         : 10px 0;
	font-size      : 37px;
	text-indent    : 5px;
	display        : block;
	text-transform : uppercase;
}
footer h3 span {
	font-weight    : normal;
	text-transform : none;
	font-size      : 16px;
	letter-spacing : normal;
	margin-right   : 15px;
}
.bottom {
	position    : relative;
	background  : #FFF;
	padding-top : 35px;
	display     : block;
	width       : 100%;
}
.bottom .box50 {
	background : #FFF;
	width      : 100%;
	margin     : 5px 0;
}
.icosSociales {
	width      : 100%;
	padding    : 5px 0;
	text-align : center;
}
.icosSociales img {
	vertical-align : middle;
}
.datosContacto,
.icosSociales {
	text-align  : center;
	font-family : 'SchadowBTBold', sans;
	font-size   : 12px;
	font-style  : italic;
}
.estandares {
	width      : 100%;
	display    : block;
	text-align : center;
	height     : 20px;
	padding    : 5px 0;
}
/***** PORTFOLIO *******/
.listadoPortfolio {
	list-style : disc;
	width      : 80%;
	margin     : 0 auto;
	clear      : both;
}
.listadoPortfolio li {
	margin : 0 0 5px 0;
}
.listadoPortfolio li a {
	color : #F0FF00;
}
.listadoPortfolio li a span {
	float        : right;
	text-align   : right;
	font-style   : italic;
	font-size    : 10px;
	color        : #EEE;
	margin-right : 20px;
}
/******* AMPLIADA *****/
.ampliada article,
.ampliada aside {
	width : 100%;
}
.ampliada article img {
	width  : 100%;
	margin : 10px 0;
}
/******** PORTFOLIO *******/
.aligearDerecha {
	text-align : right;
}
.areaTrabajo {
	width         : 94%;
	float         : left;
	padding       : 0 3%;
	margin        : 20px 0;
	border-bottom : 1px dashed #DDD;
}
.accesoTrabajo {
	width   : 100%;
	display : block;
}
.accesoTrabajo span {
	display     : block;
	font-weight : bold;
	margin      : 0 0 10px;
}
.accesoTrabajo img {
	width : 100%;
}
.vinietas {
	margin : 10px 0 10px 20px;
}
.vinietnas li {
	margin : 5px 0;
}
hr {
	border        : none;
	border-bottom : 1px dashed #DDD;
	margin        : 5px 0;
	width         : 100%;
	clear         : both;
}
.portfolio hr {
	display : none;
}
.portfolio h1 {
	font-size : 3.5em;
	margin    : 0 0 20px 0;
}
.portfolio h2 {
	font-weight : normal;
	font-size   : 1.5em;
}
/******* SERVICIOS *******/
.servicios .boxCompleto {
	width          : 94%;
	margin         : 0 3%;
	color          : #FFF;
	padding-bottom : 10px;
	margin-bottom  : 10px;
	border-bottom  : 1px dashed #EEE;
}
.servicios .boxCompleto h3 {
	margin : 5px 0 10px 0;
}
/***** NOSOTROS ****/
.nosotros .box50 {
	width      : 94%;
	padding    : 0 3% 20px;
	text-align : justify;
}
.nuestraCasa {
	width  : 90%;
	margin : 10px auto;
}
.nuestraCasa img {
	margin : 10px 0;
	width  : 100%;
}
/***** FORM CONTACTO *******/
#formContacto {
	color     : #FFF;
	font-size : 12px;
	padding   : 0 0 20px 0;
	width     : 90%;
	margin    : 0 auto;
}
#formContacto input,
#formContacto textarea {
	width       : 100%;
	background  : #FFF;
	color       : #1F1F1E;
	font-family : Arial, Helvetica, sans-serif;
	font-size   : 12px;
	height      : 25px;
	line-height : 25px;
	margin      : 10px 0 5px 0;
}
#formContacto textarea {
	height : 95px;
	resize : none;
}
#formContacto input#btnEnviar {
	color       : #1F1F1E;
	cursor      : pointer;
	font-weight : bold;
	font-size   : 18px;
	height      : 30px;
	line-height : 30px;
	background  : #F0FF00;
}
#formContacto input#btnEnviar:hover {
	background : #FFF;
}
.formasContacto p {
	line-height : 20px;
	margin      : 10px 0;
}
.formasContacto p img {
	margin         : 0 20px 0 0;
	vertical-align : middle;
}
.contacto .box50 {
	width  : 90%;
	margin : 0 5%;
}
.contacto .box50 iframe {
	width : 100%;
}
.lazy {
	display : none;
}
/* The Nivo Slider styles */
.nivoSlider {
	position : relative;
}
.nivoSlider img {
	position : absolute;
	top      : 0px;
	left     : 0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position : absolute;
	top      : 0px;
	left     : 0px;
	width    : 100%;
	height   : 100%;
	border   : 0;
	padding  : 0;
	margin   : 0;
	z-index  : 6;
	display  : none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display  : block;
	position : absolute;
	z-index  : 5;
	height   : 100%;
}
.nivo-box {
	display  : block;
	position : absolute;
	z-index  : 5;
}
.nivo-controlNav {
	position : absolute;
	bottom   : 5px;
	right    : 0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position : absolute;
	top      : 50%;
	z-index  : 9;
	cursor   : pointer;
}
.nivo-prevNav {
	position    : absolute;
	background  : url(imagenes/btnIzquierda.png) top left no-repeat;
	height      : 80px;
	width       : 80px;
	overflow    : hidden;
	text-indent : -9999px;
	left        : 5px;
	top         : 50%;
	margin      : -40px 0 0 0;
}
.nivo-nextNav {
	position    : absolute;
	background  : url(imagenes/btnDerecha.png) top left no-repeat;
	height      : 80px;
	width       : 80px;
	overflow    : hidden;
	text-indent : -9999px;
	right       : 5px;
	top         : 50%;
	margin      : -40px 0 0 0;
}
.nivo-nextNav:hover,
.nivo-prevNav:hover {
	background-position : left bottom;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position      : relative;
	z-index       : 9;
	cursor        : pointer;
	margin        : 0 5px 0 0;
	text-indent   : -9999px;
	background    : #111;
	width         : 14px;
	height        : 14px;
	display       : inline-block;
	border-radius : 7px;
	box-shadow    : 1px 1px 2px #AAA;

}
.nivo-controlNav a.active {
	background : #F0FF00;
}
#slider2 .nivo-controlNav, #slider2 .nivo-caption {
	display : none;
}

.personas {
}
.personas:after {
	content : " ";
	display : block;
	width   : 100%;
	height  : 1px;
}
.personas .persona:after{
	content:" ";
	clear:both;
	width:100%;
	display:block;

}
.personas .persona {
	margin     : 24px 0;
	padding    : 0;
	min-height : 194px;
	clear      : both;
}
.personas .persona img {
	width : 100%
}
.personas .persona h4 {
	color : yellow;
}
.personas .persona p {
}
.personas .persona .pleft {
	width        : 41%;
	margin-right : 11px;
	float        : left;
}
.personas .persona .pleft img {
}
.personas .persona .pleft h4 {
	text-align : center;
}
.personas .persona .pleft p {
}
.personas .persona .pright {
	width : 54%;
	float : left;
}
.personas .persona .pright img {
}
.personas .persona .pright h4 {
}
.personas .persona .pright p {
}