/*css De la nueva galeria*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-size:16px;}body,h1,h2,h3,h4,h5,h6,p,blockquote{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:3% 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:0;padding:0}dd{margin:0}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type="button"],input[type="reset"],input[type="submit"],[role="button"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.nocallout{-webkit-touch-callout:none}textarea[contenteditable]{-webkit-appearance:none}.gifhidden{position:absolute;left:-100%}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}a:active,a:focus{outline: none;}

body {
    font-size: 62.5%;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    background: #E4E4E4;
    color: #444;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}

.block_holder {
	padding: 7px;
	background: #f6f6f6;
	width: 976px;
	height: 320px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
	float: left;
	margin-top: 25px;
}

.block {
    width: 976px;
    height: 320px;
    position: relative;
    overflow: hidden;
}

.hover_info {
    width: 350px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(55, 171, 215, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -86%;  
    top: -19%;
    transition: all 200ms linear; 
    -webkit-transition: all 200ms linear; 
    -moz-transition: all 200ms linear;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.hover_info2 {
    width: 350px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(181, 176, 52, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -86%;  
    top: -19%;
    transition: all 200ms linear; 
    -webkit-transition: all 200ms linear; 
    -moz-transition: all 200ms linear;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.hover_info3 {
    width: 350px;
    height: 250px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(218, 109, 41, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: -86%;  
    top: -19%;
    transition: all 200ms linear; 
    -webkit-transition: all 200ms linear; 
    -moz-transition: all 200ms linear;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.block:hover .hover_info { top: 0; left: 0;transition: all 2ms linear;  transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.block:hover .hover_info2 { top: 0; left: 0;transition: all 2ms linear;  transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.block:hover .hover_info3 { top: 0; left: 0;transition: all 2ms linear;  transform: rotate(0deg); -webkit-transform: rotate(0deg); }

.hover_info h1 { font-size: 2em; padding: 10px 20px; background: rgba(73, 82, 90, 0.7); color: #E7E7E7; position: absolute; top: 25px; left: -100%; transition: left 200ms linear; -webkit-transition: left 200ms linear; -moz-transition: left 200ms linear; }
.hover_info p { /*font-size: 1.5em; line-height: 1.4; color: #fff; position: absolute; top: 85px; left: 10%; width: 80%; text-align: center; opacity: 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear;*/
				font-size: 1.8em; line-height: 1.4; color: #fff; position: absolute; top: 102px; left: 10%; width: 80%; text-align: center; opacity: 0; transition: opacity 100ms linear; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 200ms linear; }
				
.hover_info2 h1 { font-size: 2em; padding: 10px 20px; background: rgba(73, 82, 90, 0.7); color: #E7E7E7; position: absolute; top: 25px; left: -100%; transition: left 200ms linear; -webkit-transition: left 200ms linear; -moz-transition: left 200ms linear; }
.hover_info2 p { /*font-size: 1.5em; line-height: 1.4; color: #fff; position: absolute; top: 85px; left: 10%; width: 80%; text-align: center; opacity: 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear;*/
				font-size: 1.8em; line-height: 1.4; color: #fff; position: absolute; top: 102px; left: 10%; width: 80%; text-align: center; opacity: 0; transition: opacity 100ms linear; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 200ms linear; }
				
.hover_info3 h1 { font-size: 2em; padding: 10px 20px; background: rgba(73, 82, 90, 0.7); color: #E7E7E7; position: absolute; top: 25px; left: -100%; transition: left 200ms linear; -webkit-transition: left 200ms linear; -moz-transition: left 200ms linear; }
.hover_info3 p { /*font-size: 1.5em; line-height: 1.4; color: #fff; position: absolute; top: 85px; left: 10%; width: 80%; text-align: center; opacity: 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear;*/
				font-size: 1.8em; line-height: 1.4; color: #fff; position: absolute; top: 102px; left: 10%; width: 80%; text-align: center; opacity: 0; transition: opacity 100ms linear; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 200ms linear; }
								

.hover_info a {
	/*background-image:url(galeria.jpg);*/
	height: 26px;
	width: 135px;
	font-size: 1.6em;
	padding: 0px 0px;
	background: rgba(73, 82, 90, 0.7);
	color: #E7E7E7;
	position: absolute;
	bottom: 44px;
	right: -812px;
	text-decoration: none;
	margin-right: 21px;
	padding-left: 13px;
	padding-top: 7px;
}

.hover_info2 a {
	/*background-image:url(galeria.jpg);*/
	height: 26px;
	width: 135px;
	font-size: 1.6em;
	padding: 0px 0px;
	background: rgba(73, 82, 90, 0.7);
	color: #E7E7E7;
	position: absolute;
	bottom: 44px;
	right: -812px;
	text-decoration: none;
	margin-right: 21px;
	padding-left: 13px;
	padding-top: 7px;
}

.hover_info3 a {
	/*background-image:url(galeria.jpg);*/
	height: 26px;
	width: 135px;
	font-size: 1.6em;
	padding: 0px 0px;
	background: rgba(73, 82, 90, 0.7);
	color: #E7E7E7;
	position: absolute;
	bottom: 44px;
	right: -812px;
	text-decoration: none;
	margin-right: 21px;
	padding-left: 13px;
	padding-top: 7px;
}
.hover_info:hover h1 { left: 0; transition-delay: 200ms; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; }
.hover_info:hover p { opacity: 1; transition-delay: 600ms; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; font-family: 'Open Sans', sans-serif; }
.hover_info:hover a { right: 0; transition: right 200ms linear 700ms, color, background 200ms linear; -webkit-transition: right 200ms linear 700ms, color, background 200ms linear; -moz-transition: right 200ms linear 700ms, color, background 200ms linear; }
.hover_info a:hover { background-image:/*url(../images/Galeria_Animacion/galeria.jpg); opacity:.4;*/ /*background: rgba(207, 138, 5, 1.0); color: #F7F7F7;*/ }

.hover_info2:hover h1 { left: 0; transition-delay: 200ms; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; }
.hover_info2:hover p { opacity: 1; transition-delay: 600ms; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; font-family: 'Open Sans', sans-serif; }
.hover_info2:hover a { right: 0; transition: right 200ms linear 700ms, color, background 200ms linear; -webkit-transition: right 200ms linear 700ms, color, background 200ms linear; -moz-transition: right 200ms linear 700ms, color, background 200ms linear; }
.hover_info2 a:hover { background-image:/*url(../images/Galeria_Animacion/galeria.jpg); opacity:.4; background: rgba(207, 138, 5, 1.0); color: #F7F7F7;*/ }

.hover_info3:hover h1 { left: 0; transition-delay: 200ms; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; }
.hover_info3:hover p { opacity: 1; transition-delay: 600ms; -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; font-family: 'Open Sans', sans-serif; }
.hover_info3:hover a { right: 0; transition: right 200ms linear 700ms, color, background 200ms linear; -webkit-transition: right 200ms linear 700ms, color, background 200ms linear; -moz-transition: right 200ms linear 700ms, color, background 200ms linear; }
.hover_info3 a:hover { background-image:/*url(../images/Galeria_Animacion/galeria.jpg); opacity:.4; background: rgba(207, 138, 5, 1.0); color: #F7F7F7;*/ }

/*IR GALERIA*/

.color-1 {
	background: #fff;
	font-family: Raleway, sans-serif;
}

/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}



/*css De toda la hoja*/

.centrado_serv {
	margin: auto;
    position: relative;
	width:980px;
	height:1177px;
	top: 0px;
	left:0px;
}
.titulo_serv
{
	width: 469px;
	height: 30px;
	float: left;
	float:left;
	font-size: 28px;
	font-family: 'Open Sans',sans-serif;
	color: #565656;
	}
.descripcion_serv
{
	width: 974px;
	height: 122px;
	float: left;
	font-size: 16px;
	font-family: 'Open Sans',sans-serif;
	margin-top: 13px;
	float:left;
	}
.contenedor_gal {
	position: relative;
	width: 980px;
	height: 347px;
	margin-top: 15px;
	left: -1px;
	top: 0px;
	float: left;
}
.publica_img
{
	width: 978px;
	height: 321px;
}
.publica_color
{
	width: 1014px;
	height: 148px;
	/*position: absolute;*/
	margin-left: -18px;
	margin-top: -165px;
}
.privada_img
{
	width: 978px;
	height: 321px;
}
.privada_color
{
	width: 1014px;
	height: 148px;
	/*position: absolute;*/
	margin-left: -18px;
	margin-top: -165px;
}
.indus_img
{
	width: 978px;
	height: 321px;
}
.indus_color
{
	width: 1014px;
	height: 148px;
	/*position: absolute;*/
	margin-left: -18px;
	margin-top: -165px;
}
.content_color 
{
	width: 965px;
	height: 145px;
	margin-top: -160px;
	}
.titulo_color 
{
	font-size: 24px;
	font-family: 'Open Sans',sans-serif;
	color: white;
	margin-left: 49px;
	padding-top:15px;
	height: 27px;
	}
.titulo_color2 
{
	font-size: 24px;
	font-family: 'Open Sans',sans-serif;
	color: #4d3329;
	margin-left: 49px;
	padding-top:15px;
	height: 27px;
	}
.titulo_color3 
{
	font-size: 24px;
	font-family: 'Open Sans',sans-serif;
	color: white;
	margin-left: 49px;
	padding-top:15px;
	height: 27px;
	}
.icono_gal 
{
	height: 53px;
	width: 53px;
	margin-left: 90px;
	margin-top: 23px;
	float: left;
	position: relative;	
	border:none;
	}
.icono_gal:hover
{
	opacity:.40;
	}
.desc_gal 
{
	width: 974px;
	height: 122px;
	font-size: 16px;
	font-family: 'Open Sans',sans-serif;
	color:White;
	}
.desc_gal2
{
	width: 723px;
	height: 67px;
	font-size: 16px;
	font-family: 'Open Sans',sans-serif;
	color: white;
	float: right;
	position: relative;
	margin-left: 101px;
	margin-top: 13px;
	}
.desc_gal3
{
	width: 723px;
	height: 67px;
	font-size: 16px;
	font-family: 'Open Sans',sans-serif;
	color: #4d3329;
	float: right;
	position: relative;
	margin-left: 101px;
	margin-top: 13px;
	}
.desc_gal4
{
	width: 723px;
	height: 67px;
	font-size: 16px;
	font-family: 'Open Sans',sans-serif;
	margin-top: 13px;
	color:white;
	float: right;
	position: relative;
	margin-left: 101px;
	}
.hover
{
	border:none;
	}