BODY
{
	background: url(../images/footer.jpg) no-repeat center bottom;
	background-color: #061F5A;
	margin: 0px;
	font-family: Verdana;
	text-align: justify;
	font-size: 12px;
}
#wrap
{
	background: url(../images/bg.jpg) no-repeat center 0px;
	width: 100%;
}

.blutext
{
	margin: 0px;
	font-family: Verdana;
	text-align: justify;
	font-size: 12px;
	color:#061F5A;
}

#main
{
	margin: 0px auto;
	width: 1000px;
	min-height: 1809px;
}
/*-- Header Style --*/
#hdr
{
	width: 1000px;
	height: 288px;
	margin: 0 auto;
}
#hdl
{
	width: 240px;
	height: 26px;
	margin: 0px 0 0 500px;
	padding: 14px 0 0;
	float: left;
}
#hdl A
{
	text-decoration: none;
	color: #FFF;
	margin-right: 18px;
	font-weight: bold;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#hdl A:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}
#search_form
{
	float: left;
	margin: 10px 0 0 4px;
}
#s
{
	width: 180px;
	background: transparent;
	border: 0px none #000000;
	font-weight: bold;
}
#searchsubmit
{
	border: 0px none #000000;
	margin: 0 0 0 3px;
	width: 26px;
	height: 24px;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	background: transparent;
}
#logo
{
	background: url(../images/logo.png) no-repeat;
	width: 500px;
	height: 115px;
	position: relative;
	top: 92px;
	left: 44px;
}
#logo A
{
	height: 100%;
	width: 100%;
	display: block;
}
.mh, .mt, .mw, .mi, .pop_posts, .news_posts, services_posts,  .rss, .twitt, #TwitterCounter, #submit
{
	background: url(../images/sprite.png) no-repeat;
}
.services_posts
{
	background: url(../images/sprite2.png) no-repeat;
	background-position: 0 -620px;
	display: block;
	height: 35px;
	text-decoration: none;
	color: #061F5A;
	line-height: 14px;
	width: 931px;
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.services_posts_sm
{
	background: url(../images/sprite2.png) no-repeat;
	background-position: 0 -620px;
	display: block;
	height: 35px;
	text-decoration: none;
	color: #061F5A;
	line-height: 30px;
	width: 325px;
	font-size: 16px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.navigation
{
	width: 1000px;
	height: 72px;
	margin: 100px 0 0 10px;
}





ul#menu {
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	
}
ul#menu li { display:block; float:left; height:72px; margin-left:5px; }
ul#menu li a { height:72px; background:no-repeat 0 -72px; display:block; text-indent:-9999em; overflow:hidden; }
ul#menu li a:hover,
ul#menu li a.active { background-position:0 0; }
ul#menu li a.active { cursor:default; }
ul#menu li a#inicio { width:126px; background-image:url(../images/btn_inicio.png) }
ul#menu li a#portafolio {width:130px; background-image:url(../images/btn_portfolio.png)}
ul#menu li a#servicios {width:131px; background-image:url(../images/btn_servicios.png) }
ul#menu li a#nosotros {width:160px; background-image:url(../images/btn_nosotros.png) }
ul#menu li a#clients { width:115px; background-image:url(../images/btn_clientes.png) }
ul#menu li a#blog { width:105px; background-image:url(../images/btn_blog.png) }
ul#menu li a#contacto {width:150px;	background-image:url(../images/btn_contacto.png) }



ul#submenu {
	font-familiy: Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-top: -5px;
	margin-right: 30px;
	}

ul#submenu li { display:block; float:left; width:75px; height:11px; margin-left:25px; }
ul#submenu li a {
	width:95px;
	height:11px;
	background:no-repeat 0 -11px;
	display:block;
	overflow:visible;
	color:#000;
}
ul#submenu li a:hover {	color:#FFf }
ul#submenu li a.active { color:#FFf }
ul#submenu li a.active { cursor:default; }
ul#submenu li a#inicio {  }
ul#submenu li a#portafolio {  }
ul#submenu li a#servicios {  }
ul#submenu li a#nosotros {  }
ul#submenu li a#contacto {  }








/*-- Old Menu Style




#menu A
{
	text-align: center;
	display: block;
	float: left;
	padding: 43px 0 0;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	margin: 0 30px 0 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#menu A:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

--*/
.mh
{
	background-position: 7px 0;
}
.mt
{
	background-position: 28px -60px;
}
.mw
{
	background-position: 32px -120px;
}
.mi
{
	background-position: 30px -180px;
}
/*-- Container Style --*/
#cnt
{
	width: 1000px;
	min-height: 1200px;
	background: url(../images/trytile.png);
	position: relative;
	margin: 0 auto;
}
#tcnt
{
	width: 1000px;
	min-height: 216px;
	background: url(../images/top_flowers.png) no-repeat top center;
	position: relative;
	margin: -3px auto 0;
}
#gcnt
{
	width: 1000px;
	min-height: 416px;
	background: url(../images/gcnt_bg.png) no-repeat top center;
	position: relative;
	margin: -3px auto 0;
}
#bcnt
{
	width: 1000px;
	min-height: 320px;
	background: url(../images/bottom_flowers.png) no-repeat bottom center;
/*--
background-color:#FFF;
background:url(../images/cnt.jpg) repeat-y;     --*/
	position: relative;
	margin: 0 auto;
}
#lcnt
{
	width: 710px;
	min-height: 1300px;
	float: left;
	position: relative;
}
.post
{
	width: 622px;
	margin: 50px 0 0 50px;
}
.post H1
{
	font-size: 29px;
}
.post H1 A
{
	text-decoration: none;
	color: #000;
}
.post H1 A:hover
{
	text-decoration: underline;
}
.pic_lnk IMG
{
	border: 0px none #000000;
}
.post P
{
	font-size: 12px;
}
.post_inf
{
	float: left;
	border-right: 1px solid #000000;
	text-align: right;
	margin: 0 15px 0 0;
	padding: 10px 0 0;
	height: 64px;
}
.post_inf SPAN
{
	margin: 0 20px 0 0;
	font-size: 14px;
}
.post_inf A
{
	margin: 0 20px 0 0;
	font-size: 14px;
	text-decoration: none;
	color: #000;
}
.post_inf A:hover
{
	text-decoration: underline;
}
.posn
{
	font-style: italic;
}
.posc
{
	font-weight: bold;
}
.pagi
{
	width: 622px;
	margin: 50px 0 0 47px;
}
.pagination
{
	font-size: 15px;
	height: 20px;
	width: 320px;
	margin: 50px auto 0;
}
.pagination A
{
	text-decoration: none;
	color: #000;
	display: block;
	float: left;
	margin: 0 2px;
	width: 16px;
	height: 20px;
	padding: 0 0 0 5px;
}
.pagination A:hover
{
	background-color: #758792;
	color: #FFF;
}
.pagination SPAN
{
	background-color: #758792;
	color: #FFF;
	width: 16px;
	height: 20px;
	padding: 0 0 0 5px;
	display: block;
	float: left;
	margin: 0 2px;
}
.pagination SPAN.prev
{
	width: 76px;
	color: #758792;
	background-color: #FFF;
}
.pagination A.next
{
	width: 48px;
}
#rcnt
{
	width: 290px;
	float: left;
	position: relative;
}
.rss_twitt
{
	background: url(../images/rss_twitt_bg.png) no-repeat;
	width: 220px;
	height: 100px;
	margin: 10px 0 0 35px;
}
.rss
{
	background-position: 30px -274px;
	width: 94px;
	height: 28px;
	float: left;
	padding: 78px 0 0 16px;
	display: block;
}
#TwitterCounter
{
	background-position: 14px -414px;
	width: 110px;
	height: 28px;
	float: left;
	padding: 78px 0 0 0px;
	display: block;
}
#rcnt H2
{
	margin: 30px 0 15px 20px;
}
#rcnt IMG
{
	border: 0px none #000000;
}
.l_lnk
{
	margin: 15px 0 0 20px;
	width: 260px;
	height: 260px;
}
.l_lnk A
{
	margin: 0 10px 10px 0;
	float: left;
}
.l_lnk DIV
{
	width: 120px;
	height: 80px;
	text-align: center;
	background-color: #758792;
	float: left;
	font-size: 18px;
	padding: 40px 0 0;
}
.l_lnk DIV A
{
	color: #8D9EA9;
	text-decoration: none;
	float: none;
}
.l_lnk DIV A:hover
{
	text-decoration: underline;
}
.wall
{
	margin: 10px 0 0 20px;
	display: block;
}
.inproduction
{
	margin: auto;
	width: 630px;
	display: inline-block;
}

.webportfolio
{
	margin: auto;
	width: 960px;
	display: inline-block;
}

.cheese
{
	width: 300px;
	min-height: 225px;
	padding-top: 11px;
	padding-left: 13px;
	background: url(../images/paperbg.png) no-repeat top center;
	display: inline-block;
	}

	
.project_title
{
	margin-left: 7px;
	text-align: left;
	float: left;
	width: 125px;
	display: inline;
}
.project_link
{
	margin-right: 15px;
	text-align: right;
	float: right;
	width: 125px;
	display: inline;
}
.pop_posts
{
	background-position: 0 -620px;
	margin: 5px 0 5px 20px;
	padding: 0 0 0 26px;
	display: block;
	height: 27px;
	text-decoration: none;
	color: #000;
	line-height: 14px;
	width: 224px;
	font-size: 12px;
}
.news_posts
{
	background-position: 0 -620px;
	display: block;
	height: 35px;
	text-decoration: none;
	color: #000;
	line-height: 14px;
	width: 245px;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 26px;
}
.pop_posts:hover
{
	text-decoration: underline;
}
.news_posts:hover
{
	text-decoration: underline;
}
/*-- Footer Style --*/
#foo
{
	height: 304px;
}
#foo_d
{
	width: 1000px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
}
#foo_menu
{
	position: absolute;
	top: 30px;
	left: 84px;
	width: 800px;
}
#foo_menu A
{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	font-size: 15px;
	margin: 0 6px;
}
#foo_menu A:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}
#foo_menu SPAN
{
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
}
#foo P
{
	color: #FFF;
	margin: 70px 0 0 90px;
	font-size: 12px;
}
#foo_d P A
{
	color: #FFF;
	text-decoration: none;
	padding: 3px 112px 6px 0px;
}
#foo_d P A:hover
{
	text-decoration: underline;
}
/*-- Article Style --*/
#lcnt H2
{
	margin: 40px 0 0 70px;
	font-size: 22px;
}
#lcnt H2 A
{
	text-decoration: none;
	color: #828180;
}
#lcnt H2 A:hover
{
	text-decoration: underline;
}
.comments
{
	width: 622px;
	margin: 50px 0 0 47px;
}
.comment
{
	margin: 0 0 50px;
}
.comm_hdr, #cmnt_frm
{
	background: url(../images/form.jpg) no-repeat;
}
.comm_hdr
{
	background-position: 0 0;
	width: 615px;
	height: 37px;
	padding: 15px 0 0;
}
.comm_hdr P
{
	margin: 0 0 0 23px;
	font-size: 14px;
	font-weight: bold;
}
.comm_hdr SPAN
{
	font-size: 12px;
	color: #8F8E8D;
	font-weight: normal;
}
.avat
{
	width: 60px;
	height: 60px;
	position: absolute;
	margin: -55px 0 0 496px;
}
.avatar_frame
{
	width: 70px;
	height: 66px;
	position: absolute;
	left: -5px;
}
.comm_txt
{
	margin: 10px 0 0 23px;
	font-size: 12px;
}
#cmnt_frm
{
	background-position: 0 -100px;
	width: 615px;
	height: 370px;
	margin: 20px 0 20px 47px;
	padding: 25px 0 0;
}
#cmnt_frm INPUT
{
	background-color: #FFF;
	margin: 0 10px 0 0;
	padding: 5px 0 0 5px;
	border: 0px none #000000;
	height: 24px;
	width: 246px;
}
#cmnt_frm P
{
	margin: 10px 0 10px 35px;
	font-weight: bold;
}
#cmnt_frm SPAN
{
	font-weight: normal;
}
#cmnt_frm TEXTAREA
{
	background-color: #FFF;
	margin: 0 10px 0 0;
	padding: 5px 0 0 5px;
	border: 0px none #000000;
}
#cmnt_frm #submit
{
	background-position: 0 -560px;
	width: 149px;
	height: 33px;
	background-color: transparent;
	color: #FFF;
	font-weight: bold;
	padding: 0px;
	float: right;
	margin: 0 30px 0 0;
	cursor: pointer;
}
#cmnt_frm #submit:hover
{
	color: #C3C3C3;
}
/*-- Sliders Style --*/
.slider-wrap
{
	float: left;
	width: auto;
}
.slider-wrap-alt
{
	float: right;
	height: 261px;
	width: 892px;
	overflow: hidden;
	border: 1px solid #CCC;
}
.slider
{
	width: 654px;
	overflow: hidden;
	height: 414px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 46px;
}
#mySlides
{
}
.slider_nav
{
	width: 608px;
	float: left;
	margin-top: 18px;
	padding-left: 48px;
}
.slider_nav_long
{
	width: 900px;
	float: right;
	margin-top: 18px;
}
.slider_nav_left
{
	float: left;
	margin-top: 3px;
	width: auto;
}
.slider_nav_right
{
	float: right;
	padding-right: 20px;
	width: auto;
}
#myController SPAN
{
	float: left;
	background: #EAEAEA;
	margin-right: 10px;
	cursor: pointer;
	padding: 5px 8px;
	border: 1px solid #CCC;
	color: #104E82;
}
#jFlowSlide
{
}
#myController SPAN.jFlowSelected
{
	background: #104E82;
	margin-right: 10px;
	cursor: pointer;
	padding: 5px 8px;
	border: 1px solid #CCC;
	color: #EAEAEA;
	float: left;
}
.jFlowPrev, .jFlowNext
{
	margin-right: 10px;
	cursor: pointer;
	padding: 5px 8px;
	color: #104E82;
}
#slide1
{
	background-image: url(images/slide2.jpg);
	width: 892px;
	height: 261px;
}
#slide2
{
	background-image: url(images/slide1.jpg);
	width: 892px;
	height: 261px;
}
#slide3
{
	background-image: url(images/slide3.jpg);
	width: 892px;
	height: 261px;
}
.slide_headline_wrap
{
	float: left;
	width: 345px;
}
.slide_headline_wrap_right
{
	float: right;
	width: 345px;
}
.slide_headline
{
	float: left;
	width: 300px;
	padding: 30px 0px 0px 30px;
	color: #FFFFFF;
}
.slide_subheadline
{
	float: left;
	width: 330px;
	margin-top: 15px;
	color: #FFFFFF;
}
.slide_subheadline_text
{
	float: left;
	padding-left: 30px;
	width: 240px;
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 14px;
}
.slide_headline H1
{
	margin: 0px 0px 10px;
	color: #FFFFFF;
	font-size: 34px;
}
.slide_headline H2
{
	margin: 0px 0px 10px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
}
.slide_button
{
	float: left;
	width: auto;
}
.title_bg
{
	text-decoration: none;
	background: url(../images/swipe.png) no-repeat left top;
	width: 300px;
	min-height: 75px;
	position: relative;
	margin: 0px;
}
.title_box
{
	padding: 20px 0px 20px 25px;
}



/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 996px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 8px;
	margin-right: 7px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:68px;
}

.container_12 .grid_2 {
	width:151px;
}

.container_12 .grid_3 {
	width:234px;
}

.container_12 .grid_4 {
	width:317px;
}

.container_12 .grid_5 {
	width:400px;
}

.container_12 .grid_6 {
	width:483px;
}

.container_12 .grid_7 {
	width:566px;
}

.container_12 .grid_8 {
	width:649px;
}

.container_12 .grid_9 {
	width:732px;
}

.container_12 .grid_10 {
	width:815px;
}

.container_12 .grid_11 {
	width:898px;
}

.container_12 .grid_12 {
	width:981px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:83px;
}

.container_12 .prefix_2 {
	padding-left:166px;
}

.container_12 .prefix_3 {
	padding-left:249px;
}

.container_12 .prefix_4 {
	padding-left:332px;
}

.container_12 .prefix_5 {
	padding-left:415px;
}

.container_12 .prefix_6 {
	padding-left:498px;
}

.container_12 .prefix_7 {
	padding-left:581px;
}

.container_12 .prefix_8 {
	padding-left:664px;
}

.container_12 .prefix_9 {
	padding-left:747px;
}

.container_12 .prefix_10 {
	padding-left:830px;
}

.container_12 .prefix_11 {
	padding-left:913px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:83px;
}

.container_12 .suffix_2 {
	padding-right:166px;
}

.container_12 .suffix_3 {
	padding-right:249px;
}

.container_12 .suffix_4 {
	padding-right:332px;
}

.container_12 .suffix_5 {
	padding-right:415px;
}

.container_12 .suffix_6 {
	padding-right:498px;
}

.container_12 .suffix_7 {
	padding-right:581px;
}

.container_12 .suffix_8 {
	padding-right:664px;
}

.container_12 .suffix_9 {
	padding-right:747px;
}

.container_12 .suffix_10 {
	padding-right:830px;
}

.container_12 .suffix_11 {
	padding-right:913px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:83px;
}

.container_12 .push_2 {
	left:166px;
}

.container_12 .push_3 {
	left:249px;
}

.container_12 .push_4 {
	left:332px;
}

.container_12 .push_5 {
	left:415px;
}

.container_12 .push_6 {
	left:498px;
}

.container_12 .push_7 {
	left:581px;
}

.container_12 .push_8 {
	left:664px;
}

.container_12 .push_9 {
	left:747px;
}

.container_12 .push_10 {
	left:830px;
}

.container_12 .push_11 {
	left:913px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-83px;
}

.container_12 .pull_2 {
	left:-166px;
}

.container_12 .pull_3 {
	left:-249px;
}

.container_12 .pull_4 {
	left:-332px;
}

.container_12 .pull_5 {
	left:-415px;
}

.container_12 .pull_6 {
	left:-498px;
}

.container_12 .pull_7 {
	left:-581px;
}

.container_12 .pull_8 {
	left:-664px;
}

.container_12 .pull_9 {
	left:-747px;
}

.container_12 .pull_10 {
	left:-830px;
}

.container_12 .pull_11 {
	left:-913px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


#portfoliowrapper {margin: auto; padding: 0; width: 970px;}

.portthumbwrapper {margin: 12px 12px 12px 12px; padding: 0; width: 296px; height: 237px; float: left; background-image: url(../images/paperbg.png); background-position: top center; background-repeat: no-repeat; }

.indexportthumbwrapper {
	margin: 5px 15px 0px 0px;
	padding: 0;
	width: 296px;
	height: 237px;
	float: left;
	background-image: url(../images/paperbg.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.portthumbinner {
	margin: auto;
	padding: 15px 0 0 8px;
	width: 281px;
	height: 167px;
}
.portthumbdescwrapper {
	margin: auto;
	padding: 4px 15px 0 15px;
	width: 262px;
	height: 42px;
	color: #463523;
	line-height: 17px;
} 
.portthumbdesc {margin: auto; padding: 0 8px 0 0; width: 180px; height: 42px; float: left; color: #463523; line-height: 17px;}
.portthumbdescdetail {
	margin: auto;
	padding: 0 0 0 0;
	width: 40px;
	height: 42px;
	float: right;
	color: #463523;
	line-height: 17px;
	text-align: right;
}
.porttextsmall {font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px;}
.portaward {margin: 0; padding: 0; width: 296px; height: 192px; position: absolute; z-index: 50;}