/*@font-face {
    font-family: 'EagleLight';
    src: url('../fonts/eagle-light-webfont.eot');
    src: url('../fonts/eagle-light-webfont.eot?iefix') format('eot'),
         url('../fonts/eagle-light-webfont.woff') format('woff'),
         url('../fonts/eagle-light-webfont.ttf') format('truetype'),
         url('../fonts/eagle-light-webfont.svg#webfontokgV4LO3') format('svg');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
	font-family: 'Anivers';
	src: url('../fonts/anivers_regular-webfont.eot');
	src: local('☺'), url('../fonts/anivers_regular-webfont.woff') format('woff'), url('../fonts/anivers_regular-webfont.ttf') format('truetype'), url('../fonts/anivers_regular-webfont.svg#webfontifUKzpI9') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	font-family: 'Anivers';
}

body {
	background-color: #DDDDDB;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
a {
	color: #44AA81;
	text-decoration: none;
}
a:hover {
	color: #44AA81;
	text-decoration: underline;
}
.grid {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../images/grid.png);
	z-index: 2;
}
#main-container {
	width: 100%;
}

#pp {
	width: 100%;
}

#container{
	width: 700px;
	margin: 0 auto;
}
#container .loader {
	position: absolute;
	top: 104px;
	z-index: 10;
	padding: 0px 0px 0px 109px;
}
/*
#container #left-col {
	width: 120px;
	float: left;
	text-align: right;
	padding-right: 10px;
	margin-top: 196px;
}
#container #left-col a{
	color: #7f7f7d;
	
}
#container #left-col a:hover{
	color: #222224;
}
*/
#container #center-col {
	width: 700px;
	float: left;
	text-align: left;
	padding-right: 130px;
}
#container #center-col #header{
	margin-top: 89px;
}
#container #center-col #header h1 {
	margin-left: -23px;
	position: relative;
	bottom:-15px;
	z-index: 2;
}
#container #center-col #header h1 a{
	display: block;
	width: 233px;
	font-size: 29px;
	height: 33px;
	background-image: url(../images/pp.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 59px;
	padding-top: 21px;
	text-indent: -1000px;
	
}
#container #center-col #header h1 a:hover{
	text-decoration: none;
}
#container #center-col #service-block {
	background-color: #DDDDDB;
	color: #222224;
	padding: 26px 33px 20px;
	font-size: 42px;
	line-height: 48px;
	font-family: 'Anivers';
	height: 139px;
	background-image: url(../images/service_back.png);
}
#container #center-col #service-block #service-detail a{
	color: #222224;
	text-shadow: 0px 1px #ffffff;
}
#container #center-col #service-block #service-detail a:hover{
	color: #44AA81;
}
/* NEW CONTACT */
#container #center-col #service-block #contact-col {
	float: right;
	width: 108px;
	height: 185px;
	background-image: url(../images/contact_bgr.png);
	background-repeat: no-repeat;	
	background-position: top left;
	font-size: 10px;
	font-family: Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	line-height: 16px;
	margin-top: -26px;
	margin-right: 55px;
	text-shadow: 0px 1px #7ad0b3;

}
#container #center-col #service-block #contact-col a:hover{
	text-decoration: underline;
	color: #222224;
}


#container #center-col #service-block #contact-col .wrapper {
	padding-left: 18px;
	padding-top: 53px;
}
#container #center-col #service-block #contact-col .wrapper .other{
	color: #35534b;
}
#container #center-col #service-block #contact-col .wrapper .other a{
	color: #35534b;
}
#container #center-col #service-block #contact-col .wrapper .other a:hover{
	color: #222224;
}
#container #center-col #service-block a{
	color: #222224;
}
#container #center-col #service-block a:hover{
	text-decoration: none;
	color: #222224;
}
#container #center-col .divider{
	margin: 3px 0px;
	height: 1px;
	background-color: #222224;
}
#container #center-col .work-block {
	background-color: #ADADAD;
	color: #222224;
	padding: 74px 33px 23px;
	font-size: 10px;
	line-height: 16px;
	font-family: Arial;
	height: 88px;
	cursor: pointer;
}
#container #center-col .work-block p {
	margin: 0;
	padding: 0;
}
#container #center-col .work-block .web-icon{
	background-image: url(../images/web_icon.png);
	background-repeat: no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	margin-bottom: 8px;
}
#container #center-col .work-block .design-icon{
	background-image: url(../images/design_icon.png);
	background-repeat: no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	margin-bottom: 8px;
}
#container #center-col .work-block h3{
	color: #222224;

}
#container #center-col #footer {
	padding: 74px 33px 0px;
	font-size: 10px;
	line-height: 16px;
	height: 120px;
	cursor: default;
}
#container #center-col #footer .footer-icon{
	background-image: url(../images/pp_footer.png);
	background-repeat: no-repeat;
	display: block;
	width: 120px;
	height: 60px;
	margin-bottom: 0px;
}
#container #center-col #footer a{
	color: #7f7f7d;
	
	text-decoration: none;
}
#container #center-col #footer .icons {
	position: relative;
	top: 1px;
	display: inline-block;
}
#container #center-col #footer a:hover{
	text-decoration: underline;
	color: #222224;
}
#container #center-col #footer a.f-icon{
	display: inline-block;
	padding-top: 13px;
	width: 13px;
	height: 0px;
	overflow: hidden;
	background-image: url(../images/f_icon.png);
	background-repeat: no-repeat;
	background-position: top left;
	
}
#container #center-col #footer a.f-icon:hover{
	background-position: bottom left;
}
#container #center-col #footer a.t-icon{
	display: inline-block;
	padding-top: 13px;
	width: 13px;
	height: 0px;
	overflow: hidden;
	background-image: url(../images/t_icon.png);
	background-repeat: no-repeat;
	background-position: top left;
	
}
#container #center-col #footer a.t-icon:hover{
	background-position: bottom left;
}
#container #center-col #footer a.b-icon{
	display: inline-block;
	padding-top: 13px;
	width: 13px;
	height: 0px;
	overflow: hidden;
	background-image: url(../images/b_icon.png);
	background-repeat: no-repeat;
	background-position: top left;
	
}
#container #center-col #footer a.b-icon:hover{
	background-position: bottom left;
}
#container #center-col h3 {
	font-size: 18px;
	padding-bottom: 3px;
	
}

/* DETALLE */
#detail {
	width: 100%;
	background-color: #222224;
	background-image: url(../images/g_back.png);
	color: #DDDDDB;
	padding: 5px 0px 0px 0px;
}
#detail .wrapper{
	width: 700px;
	margin: 0 auto;
}
#detail #bottom{
	height: 16px;
	background-image: url(../images/detail_bottom.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#detail .image-nav{
	background-image: url(../images/img_nav_bgr.png);
	height: 6px;
	padding: 0;
	overflow: hidden;
	margin: 1px 0 27px;
	cursor: default;
}
#detail .image-nav a{
	display: inline-block;
	height: 6px;
	background-color: #DDDDDB;
	overflow: hidden;
	margin: -5px 0 0 0;
	padding: 10px 0;
	width: 6px;
	color: #DDDDDC;
	margin-right: -2px;
	
}
#detail .image-nav a:hover{
	background-color: #44AA81;
		color: #DDDDDC;
}
#detail .image-nav a.selected{
	background-color: transparent !important;
	background-image: url(../images/img_nav_selected_bgr.png);
}
#detail p{
	margin: 0;
	padding: 0 0 12px 0;
	width: 520px;
	color: #929292;
}
#detail h3 {
	font-size: 18px;
	padding-bottom: 3px;
	
}
#detail .share {
	padding: 4px 0px 16px 0px;
	margin: 0 0 -4px 0;
}
#detail .services-wrapper {
	margin-top: 44px;
}
#detail .images {
	height: 394px;
	cursor: pointer;
}
/* DETALLE CONTACTO */

#detail .detail-header {
	padding: 43px 0 40px;
}


#detail .left-col {
	float: left;
	width: 340px;
}
#detail .left-col p{
	width: 340px !important; 
}

#detail .right-col {
	float: right;
	width: 340px;
}

#detail .right-col p{
	width: 340px !important; 
}

#detail input[type="text"]{
	border: 0;
	background-color: #222224;
	background-image: url(../images/textarea_back.png);
	background-position: left 3px;
	height: 19px;
	color: #929292;
	width: 100%;
	font-size: 12px;
		font-family: Arial, sans-serif;
	margin-bottom: 11px;	
}
#detail textarea{
	border: 0;
	background-color: #222224;
	background-image: url(../images/textarea_back.png);

	color: #929292;
	width: 340px;
	margin: 3px 0px 0px 0px;
	height: 98px;
	padding: 0;
	font-size: 12px;
		font-family: Arial, sans-serif;
	line-height: 16px;

	margin-bottom: 11px;
	overflow: hidden;	
}
#detail input[type="submit"]{
	background-image:none;
	background-color: transparent;
	padding: 1px 0px 0px 0;
	margin: 2px 0;
	color: #44AA81;
	cursor: pointer;
	border: none;
	font-size: 18px;
	font-family: 'Anivers';
}
#detail input[type="submit"]:hover {
	color: #DDDDDB;
}