@import url(Menu.css);
@import url(slider_styles.css);
@import url(extras_sytles.css);
        
        /*******************************************************/
        /************* Reset styles DO NOT REMOVE **************/
        /*******************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0;}

body {
    background: url(../../DesktopLayouts/AgileWorks/images/body_bg.jpg) repeat-y top center;
    background-color: #000;
    font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
    line-height: 17px;
    color:#999999;}

ol, ul {
	list-style-type: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";}
    
blockquote, q {
	quotes: "" "";}
        /*****************************************/
        /*********   Common Classes   ************/
        /*****************************************/

H1{
	font-size:		22px;
    font-family: 'Nobile', arial, serif;
	line-height:	26px;
	color:			#d9c006;
    padding:        10px 0 0 0; 
    /*Nobile*/}

#desarrollo, 
#disenio, 
#campanias,
#noticias, 
a.banner_details, 
.bg_proyect_thumb,
.bg_proyect_thumb_portfolio,
#Content_ContentPane_ctl01_btnSend, 
.pagination li a ,
.news_list_image, .news_list_image_1 {    
    background: url(../../DesktopLayouts/AgileWorks/images/spryte.png) no-repeat top left;}

#development, 
#design, 
#marketing, 
#news,
a.banner_details_en  {
    background: url(../../DesktopLayouts/AgileWorks/images/spryte_en.png) no-repeat top left;}


#desarrollo,    #disenio, #campanias, #noticias ,
#development,   #design,    #marketing  {
    display: inline-block;
    height: 0;
    line-height: 36px;
    margin: 10px 0;
    overflow: hidden;
    padding: 36px 0 0 300px;
    width: 0;}

#disenio, #design       {background-position: 0 -36px;}
#campanias, #marketing  {background-position: 0 -72px;}
#noticias, #news        {background-position: 10px -200px; margin: 0 auto;}

H2{
    color:			#e7271f;
	font-family:    'Nobile', arial, serif;
    font-size:		20px;
	font-weight:	bold;
	line-height:	24px;
    padding:        10px 0 0 0;
    text-shadow:    0 2px 0 #1a1a1a;
    /*Nobile*/}

h3, 
#editArticleContent legend{
    color:			#E5E5E5;
    font-family:    'Nobile', arial, serif;
	font-size:		17px;
	font-weight:	normal;
    letter-spacing: -1px;
	line-height:	22px;
    padding:        0 0 5px 0;}

H4{
    color:			#e3664e;
	font-family:   'Josefin Sans', arial, serif;
    font-size:		23px;
	font-weight:	normal;
	line-height:	25px;
    padding:        0 0 10px 0;
    /*Josefin sans*/}

H5{
    color:			#ededed;
    font-family:    Verdana, Arial, Helvetica, Sans-serif;
	font-size:		14px;
	font-weight:	normal;
	line-height:	18px;
    padding:        5px 0px;
    text-shadow:    0 1px 0 #000000;
    /*Verdana*/}

H6{
	color:			#d9cd73;
	font-family:    Verdana, Arial, Helvetica, Sans-serif;
    font-size:		12px;
	font-weight:	normal;
    line-height:	17px;
    padding:        5px 0px;
    /*verdana*/}


p {
	font-size:12px;
	line-height:17px;
	color:#999;
	display:block;
    padding: 5px 0px;}

.ModuleContent p        { color: #333;}
.ModuleContent_alt p    { text-align: justify;}

a:link,
a.Normal:link{
	color:/*#da251d;*/#e3664e;
	text-decoration:none;
    outline: none;}

a:visited,
a.Normal:visited{
	color:#e3664e;
	text-decoration:none;}

a:hover,
a.Normal:hover,
a:focus,
a.Normal:focus,
a:active,
a.Normal:active{
	color:/*#d9841c;*/#D9C006;
	text-decoration:none;
	cursor:pointer;}

.center         {   margin: 0 auto;}
.float_right    {   float:right;}
.clear          {   clear:both;}
.float_left     {   float:left;}
.Small          {   font-size:10px; color:#333;}

.Error /* Error and warning messages */{
	color:#b31212;
	font-size:12px;}

.Message /* Informative messages */{
	font-weight:normal;
	font-size:12px;
	color:#b31212;
	background-color:#ffcc00;}

.Head               	/* Add,announcements,articles,blog,ecc ecc */{
	font-weight:bold;
	font-size:18px;
	color:#d9c006;
	line-height:25px;
	white-space:nowrap;
	overflow:hidden;
	text-align:left;
	padding:0px 15px 0px 0px;}

.Normal{
	font-size:12px;
	line-height:16px;
	color:#808080;
	text-align:left;}

.NormalItalic   {    font-style:italic;}
.bold           {    font-weight: bold;}

span.SiteTitle{
    font-size: 30px;
    font-weight: bold;
    color: #0086CD;
    position: relative;
    height: 85px;
    padding-top: 30px;
    display: block;}

.portal_buttons a * , .portal_buttons_en a *  {  display: none;}

.portal_buttons a,
.portal_buttons a .hover,
.portal_buttons_en a,
.portal_buttons_en a .hover {
  height: 20px;
  width: 50px;
  position: relative;
  display: block;}
  
.portal_buttons_facebook a,
.portal_buttons_facebook a .hover,
.portal_buttons_en a,
.portal_buttons_en a .hover {
  height: 20px;
  width: 50px;
  position: relative;
  display: block;}

.portal_buttons a,  .portal_buttons a .hover        { background: url(../../DesktopLayouts/AgileWorks/images/spryte.png) no-repeat top left;}
.portal_buttons_en a,  .portal_buttons_en a .hover  { background: url(../../DesktopLayouts/AgileWorks/images/spryte_en.png) no-repeat top left;}

/*******  Botones ver mas  *******/
.portal_buttons a.view_more, .portal_buttons_en a.view_more { background-position: 0 -110px;}
.portal_buttons_en a.view_more                              { width: 55px;}         
.portal_buttons .highlight a.view_more:hover, 
.portal_buttons a.view_more .hover                          { background-position: -50px -110px;}
.portal_buttons_en .highlight a.view_more:hover, 
.portal_buttons_en a.view_more .hover                       { background-position: -55px -110px; width: 55px;}
/*******  Botones Detalles  *******/
.portal_buttons a.details , .portal_buttons_en a.details    { background-position: -120px -110px; width: 75px;}
.portal_buttons .highlight a.details:hover, .portal_buttons a.details .hover,
.portal_buttons_en .highlight a.details:hover, .portal_buttons_en a.details .hover  
                                                            { background-position: -200px -110px; width: 75px;}
/*******  botones ver proyecto  *******/
.portal_buttons a.ver_proyecto, 
.portal_buttons_en a.ver_proyecto  { 
	background-position: -420px 0; 
	width: 275px; 
	height: 25px;}

.portal_buttons .highlight a.ver_proyecto:hover,
.portal_buttons a.ver_proyecto .hover,
.portal_buttons_en .highlight a.ver_proyecto:hover,
.portal_buttons_en a.ver_proyecto .hover { 
	background-position: -420px -36px; 
	width: 275px; 
	height: 25px;}
	

/*******  botones ver proyecto FACEBOOK  *******/
.portal_buttons a.Facebook_ver_proyecto {
	background: url(/Design/DesktopLayouts/AgileWorks/images/spryte_portfolio.png) no-repeat -420px 0;
	height: 25px;
	width: 275px; }

.portal_buttons .highlight a.Facebook_ver_proyecto:hover,
.portal_buttons a.Facebook_ver_proyecto .hover { 
	background: url(/Design/DesktopLayouts/AgileWorks/images/spryte_portfolio.png) no-repeat -421px -36px;
	width: 275px; 
	height: 25px;}
	
/*******  botones volver al listado en portfolio  *******/
#back_to_grid                                               { margin: 0 160px 0 0;}
#Facebook_back_nav 	#back_to_grid							{ margin: 0;}

.portal_buttons a.back_to_grid, .portal_buttons_en a.back_to_grid { background-position: -300px -237px; width: 120px; height: 25px;}
.portal_buttons .highlight a.back_to_grid:hover, .portal_buttons a.back_to_grid .hover,
.portal_buttons_en .highlight a.back_to_grid:hover, .portal_buttons_en a.back_to_grid .hover
                                                            { background-position: -300px -262px; width: 120px; height: 25px;}
/*******  botones siguiente proyecto   *******/
.portal_buttons a.next_proyect, .portal_buttons_en a.next_proyect { background-position: -420px -237px; width: 140px; height: 25px;}
.portal_buttons .highlight a.next_proyect:hover, .portal_buttons a.next_proyect .hover, 
.portal_buttons_en .highlight a.next_proyect:hover, .portal_buttons_en a.next_proyect .hover
                                                            { background-position: -420px -262px; width: 140px; height: 25px;}

a.banner_details,
a.banner_details_en     {   
    display: block;
    height: 0;
    line-height: 30px;
    overflow: hidden;
    padding: 30px 0 0 120px;
    position: absolute; 
    left: 268px; 
    top:218px; 
    width: 0;}

.banner_details:link,
.banner_details:visited,
.banner_details_en:link,
.banner_details_en:visited     {   background-position: -300px -110px;}
.banner_details:hover,
.banner_details:active,
.banner_details_en:hover,
.banner_details_en:active      {   background-position: -300px -150px;}

        /*****************************************/
        /**********  Module Theme     ************/
        /*****************************************/

.ModuleWrap{
    padding: 10px 0 0 0;
	margin:0 auto ;
	width:100%;
	max-width:940px!important;
    position: relative;}

.ModuleContent          {	background: url("../../DesktopLayouts/AgileWorks/images/bg_modulos.png") no-repeat top left;}
.ModuleContent_Black    {	background: url("../../DesktopLayouts/AgileWorks/images/bg_modulo_black.png") no-repeat top right;}
.ModuleContent,
.ModuleContent_alt,
.ModuleContent_Black{
	max-width:940px;
    padding:10px;
	position:relative;}

#toptdpane .ModuleWrap{
    display: inline-block; 
    float: left;
    max-width: 300px!important; 
    padding: 10px 0; }

.module_Body table{
	border-spacing:0px!important;
	max-width:940px;}
    
.module_Body table td{
    padding: 3px 0px;}

span.titulosofertas,
.ModuleTitle{       /* Title of each module */
	color:			#808080;
    font-size:		17px;
    font-weight:	normal;
	line-height:	18px;
	padding:    	0 0 0 35px;
    display:        inline-block;}




.ModuleContent_Black                    {   padding: 10px 10px 10px 0px ;}
.ModuleContent_Black .module_Body       {   padding: 15px 15px 10px 0;}
.ModuleContent_Black .Title_Container   {   padding: 0 15px 0 0 ;}
.ModuleContent_Black .ModuleTitle       {
    color: #d9cd73;
    font-family: Verdana, Helvetica, Arial, Sans-serif;
    font-size: 17px;
    padding: 0 0 9px 10px;
    display: block;} 

hr, 
.line_separator {
    background: transparent url(../../DesktopLayouts/AgileWorks/images/bg_hr.png) repeat-x 0 -2px ;
    border: none;
    height: 2px;
    padding: 0; 
    margin: 0;}

.ModuleContent hr, 
.ModuleContent .line_separator  { background-position: 0 0; margin: 10px 0 0 0 ;}

div.Control_Panel_Table{
	position:absolute;
	top:8px;
	right:0;
	z-index:10;}
	
table.Control_Panel_Table td    {padding: 0 2px;}

.ModuleTitle_Alt {       
	font-weight:	normal;
	font-size:		16px;
	color:			#fff;
	line-height:	20px;
	text-align:		left;
    display:        block;
    background-color: #333;
    padding: 10px;
}

.module_Body_alt{
    border: 1px solid #ccc;
    padding: 10px;
}
 
        /************************************************/
        /**********  Admin Modules Classes   ************/
        /************************************************/	
 
.div_ev_Table{          /***** contenedor de tabla editar propiedades de modulo ****/
    padding:50px 20px 10px 20px;
	border:none;
	margin: 0px auto 10px; 
	color:#ffffff;
	width:920px!important;}

div.div_ev_Table table          {   max-width:920px!important;  min-width: 700px!important;}
div.div_ev_Table table table    {   min-width: 30px;    }     
div.div_ev_Table table td       {   padding: 6px 2px; vertical-align: middle;     }

table.ModuleWrap,
div#mID0 {
	margin:0 auto ;
    padding: 40px 30px;
    width:900px;
    max-width:900px!important;}

table.ModuleWrap td             { padding: 6px 2px;}
table.ModuleWrap table table td { vertical-align: top;}

table.ModuleWrap a:link,
table.ModuleWrap a:visited,
table.ModuleWrap a:hover,
table.ModuleWrap a:focus,
table.ModuleWrap a:active{
	cursor:pointer;
	text-decoration:none;}

option  {
    background-color: #e5e5e5;
	min-height:22px;
	font-size: 12px;
	line-height:22px;
	height: 22px;
	color:#333;
	padding:3px 0px 0px 5px;
    display: block;}

input[type="text"]:focus,
input[type="password"]:focus{
		outline:1px solid #0bd4ff;
        background-color: #f7f7f7;
}
input[type="text"]:active,
input[type="password"]:active   { background-color: #fff;}

input[type="text"],
input[type="password"],
input#Content_RightPane_ctl01_password,
input#Content_RightPane_ctl01_email,
input.NormalTextBox,
option [selected],
select,
select.NormalTextBox,
textarea
{
    background-color: #f2f2f2;
	border:1px solid #cccccc;
	min-height:25px;
	font-size:14px;
	line-height:25px;
	color:#808080;
	padding:0px 0px 0px 5px;
    outline: none;}
    
input[type="checkbox"]  {display: inline-block; margin: 5px 0 0 0; line-height: 25px;}
label   { display: inline-block; padding: 0 10px; line-height: 25px;}

textarea    {overflow: auto;}
select,
select.NormalTextBox{
    min-height:25px!important;
    padding: 1px 0 0 1px ;}
   
select#Content_ContentPane_ctl01_EditTable_SITESETTINGS_LANGLIST    { height:125px!important;}

select#Content_ContentPane_ctl03_tabList,
select#Content_ContentPane_ctl02_tabList,
select#Content_ContentPane_ctl01_portalList{
	height:250px!important;
	max-height:250px!important;
}
select.NormalTextBox                        {	margin-right:5px!important;}
select#Content_ContentPane_ctl01_tabList    {   height:150px;-}

select#Content_ContentPane_ctl01_DestListBox,
select#Content_ContentPane_ctl01_SourceListBox  {   height: 220px;  overflow: auto;}
select#Content_ContentPane_ctl01_SourceListBox  {   margin-right: 8px;}

a.CommandButton#Content_ContentPane_ctl01_DeleteLeft_Btn,
a.CommandButton#Content_ContentPane_ctl01_MoveLeft_Btn,
a.CommandButton#Content_ContentPane_ctl01_MoveRight_Btn,
a.CommandButton#Content_ContentPane_ctl01_CopyRight_Btn,
a.CommandButton#Content_ContentPane_ctl01_CopyAll_Btn,
a.CommandButton#Content_ContentPane_ctl01_DeleteRight_Btn
{
    width:60px!important;
    text-align: center;
}
td.rb_LangSw_sel img{
    padding-right: 5px;
}
        /**************************************************/
        /**********  Command Buttons Classes   ************/
        /**************************************************/	

.CommandButton,
input.Normal[type="submit"],
input[type="submit"],
a.CommandButton,
.article_admin_button
{
    background: #8d0a05;
    border: 1px solid #4e0000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	display:inline-block!important;
    color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:24px;
	padding:0px 10px;
	min-height:24px;}   
 
a.CommandButton:link,
a.CommandButton:visited,
a.article_admin_button:link, 
a.article_admin_button:visited, 
input.CommandButton a:link,
input.CommandButton:visited,
input.Normal[type="submit"]:link,
input.Normal[type="submit"]:visited
{
    color:#fff;
    background: #8d0a05;}

a.CommandButton:hover,
a.CommandButton:focus,
a.article_admin_button:hover,
a.article_admin_button:focus, 
input.CommandButton:hover,
input.CommandButton:focus,
input.Normal[type="submit"]:hover,
input.Normal[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus
{
    color:#fff;
    background: #999;
    border:1px solid #404040;}

a.CommandButton:active,
input.CommandButton:active
{	
	color:#ccc;
    background: #999;
    border:1px solid #404040;}

/**********  Log in classes   ************/

.signInBody             { padding: 10px 0 20px 30px;}
.signInBody td          { padding: 5px!important; vertical-align: middle;}
.signInBody td table td { padding: 0!important;}
.signInBody a           { font-size: 10px; letter-spacing: 1px;}
.signInBody td br       { display: none!important;}

.signInBody input[type="text"],
.signInBody input[type="password"]  {
    height: 30px;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
    width: 220px!important;
}
/*log_in_buttons.png*/

input.imgLoginStyle,
input.imgLoginStyle:hover,
input.imgLoginStyle:active,  
input.lnkRegisterStyle, 
input.lnkRegisterStyle:hover,
input.lnkRegisterStyle:active   {  
    background: url(../../DesktopLayouts/AgileWorks/images/log_in_buttons.png) no-repeat 0 0;
    border: none;
    cursor: pointer;
    height: 30px;
    width: 100px;}

input.imgLoginStyle             {   }

input.imgLoginStyle:hover, 
input.imgLoginStyle:active,  
input.imgLoginStyle:focus      { 
    background: url(../../DesktopLayouts/AgileWorks/images/log_in_buttons.png) no-repeat -100px 0;
    border:none;}

input.lnkRegisterStyle         { 
        background: url(../../DesktopLayouts/AgileWorks/images/log_in_buttons.png) no-repeat 0 -30px; 
        margin-top: 10px;}
    
input.lnkRegisterStyle:hover, 
input.lnkRegisterStyle:active,  
input.lnkRegisterStyle:focus   { background: url(../../DesktopLayouts/AgileWorks/images/log_in_buttons.png) no-repeat -100px -30px;}

/* Standard Appleseed Classes */

#ContentPane_ctl00_Desktopthreepanes1_ThreePanes_ctl03_allUsers{	
	width:100%;
}

#ContentPane_ctl00_Desktopthreepanes1_ThreePanes_ctl03_allUsers td{

	color:#333333;
	border:1px solid #999999;
}

table.registerForm td{
	padding:5px;
	min-height:40px;
}

select#Content_topPane,
select#Content_leftPane,
select#Content_contentPane,
select#Content_rightPane,
select#Content_bottomPane{
	width:170px;
	min-width:170px!important;
	height:190px;
	background-color:#fefefe;
}

/* Alternate styles for admin and edit Tabs */
.rb_AlternateLayoutTable{
	margin:0px;
	padding:0px;
	width:100%;}


/*******************************************************/
/****************** Site Link classes ******************/
/*******************************************************/
                  
.SiteLink_Border_Right,
.SiteLink_Border_Left{
    position: relative;
    width: 12px;
    height: 24px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    float: left;}

.SiteLink_Border_Right  {}
.SiteLink_Border_Left   {}
div.SiteLink_bg         {}

span.SiteLink,
a.SiteLink {
    font-family: Calibri, Arial, Helvetica, Verdana, Sans-serif;
    font-size:12px;
    font-weight:bold;
	display:inline-block;
	height: 20px;
	line-height:18px;
    padding:0px 4px;
    text-align:center;}

a.SiteLink:link,
a.SiteLink:visited{
	color:#ccc;
	text-decoration:none;
    outline: none;}

a.SiteLink:hover   { color:#fff;}
a.SiteLink:active  { color:#ccc;}

table.SiteLink{
    vertical-align: top;
    padding: 0px;
    height: 29px;
    float: right;}

table.SiteLink td{
    padding: 0px;
    margin: 0px;
    vertical-align: top;}

td.SubHead{
	color:#2d71b3;
	font-size:12px;
	line-height:15px;
	min-height:25px!important;
	min-width:200px;
	padding: 0px 0px 5px 5px;
	vertical-align:middle;}

.div_ev_Table .SubHead,
td.Normal{
    color:#D9CD73;
    font-size: 13px;
    line-height: 16px;}

.div_ev_Table .NormalBold   {
    background: #333;
    border: 1px solid #1a1a1a;
    color: #999!important;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    height: 28px;
    padding-left: 10px;}
    
.div_ev_Table table.Normal      { border-bottom: 1px solid #525252; display: inline-block; padding-bottom: 6px;}
.div_ev_Table table.Normal td   { padding: 3px 15px 3px 2px;}
#Content_authDeleteModuleRoles  { border-bottom: none!important;}


td.SubHead span{
    color:       #999;
    font-size:   13px;
    line-height: 25px;
   	font-weight: bold;
    text-shadow: 0 1px 0 #fff;}

.SubSubHead{
	padding:    	0px 5px;
	font-weight:	bold;
	font-size:		14px;
	color:			#666666;}

#Content_moduleType { color:#666;}

 /***************************************/
 /**************text areas**************/
/***************************************/

#Content_ContentPane_ctl01_moduleType,
#Content_ContentPane_ctl01_paneLocation,
#Content_ContentPane_ctl01_viewPermissions,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_PAGE_TITLE,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_DOCTYPE,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_PAGE_META_KEYWORDS,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_PAGE_META_DESCRIPTION,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_PAGE_META_ENCODING,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_PAGE_META_OTHERS,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_PAGE_KEY_PHRASE,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_BODYATTS,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_GOOGLEANALYTICS,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_ALTERNATIVE_URL,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_ADDTHIS_USERNAME,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_DEFAULT_EDITOR,
#Content_paneLocation,
#Content_viewPermissions    { width:424px!important;}


#Content_ContentPane_ctl01_moduleTitle,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_EDITOR_WIDTH,
#Content_ContentPane_ctl01_EditTable_SITESETTINGS_EDITOR_HEIGHT,
#Content_moduleTitle
{width:417px!important;}

#Content_ContentPane_ctl01_parentTabDropDown,
#Content_ContentPane_ctl01_PermissionDropDown,
#Content_ContentPane_ctl01_tb_MobileTabName,
#Content_ContentPane_ctl01_TabTitleTextBox,
#Content_ctl00_tfName,
#Content_ctl00_tfCompany,
#Content_ctl00_tfPhone,
#Content_ctl00_lblEmail,
#Content_ctl00_tfPwd,
#Content_ctl00_ddlCountry,
#Content_ContentPane_ctl02_txtNewRole,
#Content_cacheTime
{width:270px!important;}

#Content_ctl00_ddlDay,
#Content_ctl00_ddlYear
{width:70px!important;}

#Content_ctl00_ddlMonth
{width:130px!important;}

#Content_ContentPane_ctl01_dgFile td{
	text-align:center;
	vertical-align:middle;}
	
			/********************************/
			/**********USERS TABLE*************/
			/********************************/
.Grid  {
    background: #dedede;
    border-bottom: 5px solid #d9cd73;
    margin: 15px auto;
    width: 915px!important;}

.Grid td                { color: #1a1a1a; padding: 6px 10px!important; text-align: center; border: 1px solid #999;}  
.Grid .GridHeader td    { background: #d9cd73; border-color:#bfae2c; color: #74503e; font-size: 14px; font-weight: bold; padding: 10px!important;}
.Grid .GridItem1  td    { background: #f0f0f0;}

.Grid a.Normal:link,
.Grid a.Normal:visited  {   color: #da251d;}
.Grid a.Normal:hover,
.Grid a.Normal:focus    {   color: #065ca7;}
.Grid a.Normal:active   {   color: #d9c532;}

.draggable-container    { min-height:90px;}

#Content_ContentPane_ctl01_txtMails {   height: 250px; margin: 18px auto;}

            /*****************************************/
            /**********  Home   Classes   ************/
            /*****************************************/	

.intro_home_div{    width: 300px;   height: 100px;}

.banner_home_idea{ 
    background:url("../../DesktopLayouts/AgileWorks/images/banner_idea_home.jpg") top left no-repeat;
    height: 65px;
    width: 205px;
    margin: 0 auto;
    padding: 95px 0 0 95px;}

.banner_home_idea a:link,
.banner_home_idea a:visited {   
    background: url(../../DesktopLayouts/AgileWorks/images/spryte.png) no-repeat -120px -360px;
    height: 30px;
    width: 120px;
    display: block;
    text-indent: -9999px;}

.banner_home_idea a:hover,
.banner_home_idea a:active  {/*background-position: -120px -360px;*/}

.proyect_container,
.proyect_thumb,
.proyect_data  {    
	float: left;    
	display: inline-block;}

.proyect_container  {
    height: 90px;
    margin: 0 0 20px 20px;
    width: 275px;}

.proyect_container#first_proyect  {  
	margin-left: 0; 
	width: 300px;}

.proyect_thumb{
    height: 82px;
    margin: 0 20px 0 0;
    padding: 3px 3px 5px 3px;
    position: relative;
    width: 104px;}

.bg_proyect_thumb  {
    background-position: -300px 0;
    display: block;
    position: absolute;
    height: 100px;
    top: 0;
    left: -5px;
    width: 118px;}

.proyect_data li{
    color: #999;
    height: 30px;
    vertical-align: top;
    padding-bottom: 7px;}

.titulo_proy_home   {
    color:#dedede;
    font-weight: bold;
    font-size: 13px;
    display: block;
    line-height: 15px;}

.show_more_details,
.show_more_details_portfolio{
    background:url("../../DesktopLayouts/AgileWorks/images/bg_show_more_details.png") 50% 50% no-repeat;
    cursor: pointer;
    display: block;
    height: 82px;
    left: 3px;
    opacity: 0;
    filter:alpha(opacity=0);
    position: absolute;
    top: 3px;
    width: 104px;
    z-index: 10;}

            /*****************************************/
            /**********  About Classes   ************/
            /*****************************************/

.cols_3,
.cols_3_last,
.cols_2,
.cols_2_last{
    float: left;
    display: inline-block;
    padding: 0 20px;
	width: 265px; }

.cols_3_folio,
.cols_3_last_folio{
	float: left;
    display: inline-block;
	width: 265px; }
    
.cols_3,
.cols_3_last    {    width: 265px;}

.cols_2,
.cols_2_last    {    padding: 0 25px 0 0 ; width: 480px;}

.cols_3_last,
.cols_3_last_folio,
.cols_2_last    {   padding: 0 20px;}

.cols_3 p,
.cols_3_last p,
.cols_2 p,
.cols_2_last p  {   text-align: justify;}

#objetivos img  {margin-top:5px;}
#about_middle   {padding-top: 35px;}

            /*****************************************/
            /**********  Portfolio Classes   ************/
            /*****************************************/

.proyect_thumb_portfolio{/*aca*/
    margin: 0 0 25px 0;
    padding: 3px 0 0 0;
    position: relative;
    width: 284px;}

.proyect_thumb_portfolio img { margin: 0 0 6px 0;}

.bg_proyect_thumb_portfolio {   
    background-position:  -420px -72px;
    color: #1a1a1a;
    display: block;
    position: absolute;
    height: 119px;
    top: 0;
    left: -3px;
    width: 284px;}

.show_more_details_portfolio    {   
	height:106px; 
	left: 0; 
	width: 279px;}

.proyect_thumb_portfolio ul     {   
	padding: 0 7px 0 2px;}
	
.proyect_thumb_portfolio ul li  {   
    background-color: #bfbfbf; 
    color:#1a1a1a; 
    clear: left; 
    height: 25px;  
    padding-left: 10px; 
    line-height: 25px;}

.proyect_thumb_portfolio .color             {   background-color: #d9d9d9;}
.proyect_thumb_portfolio  .proyect_data     {   color: #808080; font-weight: bold; width: 80px; display: inline-block; float: left;}
.proyect_detail .proyect_data               {   
    color: #d9cd73;
    display: block;
    font-family: Arial, Helvetica, Sans-serif; 
    font-size: 13px; 
    line-height: 16px;
    padding-right: 5px;
    text-align: right; 
    width: 95px; }

.proyect_thumb_portfolio .portal_buttons li {   background: transparent; padding: 0;}

table.proyect_detail td             { padding: 14px 10px 13px 10px;}
.proyect_detail td.no_padding       { padding: 0!important; height: 2px;}
.client_name    { 
    color: #dedede;
    font-family: Verdana, Tahoma, Arial,  Helvetica, Sans-serif;
    letter-spacing: 1px;}

.proyect_detail p { padding: 0;}

.proyect_detail_nav     {   height: 40px; padding: 0 10px;}
.proyect_detail_nav ul  {   display: inline-block; float: left;} 
#Facebook_back_nav.proyect_detail_nav ul  { float: right;}

#proyect_slider{
    background: url("../../DesktopLayouts/AgileWorks/images/proyect_slider_bg.png") no-repeat scroll left top transparent;
    float: right;
    height: 310px;
    margin: 18px 0 0;
    padding: 10px;
    width: 425px;}

.slides_container   {width:425px; height: 255px; overflow: hidden; position: relative;}
.slides_container .caption {
	z-index:500;
	position:absolute;
	bottom:-60px;
	left:0;
	height:auto;
	padding: 5px 20px;
	background:#000;
	background:rgba(0,0,0,.7);
	width:385px;
	color:#fff;
	border-top:1px solid #000;}

.caption p  {color: #fff;}

.pagination         { margin:10px 0 0; width:120px;}
.pagination li      { float:left; display: inline-block;}
.pagination li a    { 
    background-position:-300px -290px;
    display:block; 
    height:0px;
    padding-top: 30px; 
	float:left;	
    overflow:hidden;
    width:30px;}

.pagination li.current a { background-position:-330px -290px;}

            /*****************************************/
            /**********  Contact Classes   ************/
            /*****************************************/	
#contactUsTable td              { padding: 10px; font-weight: bold; text-align: right; line-height: 30px;}
#contactUsTable td:first-child  { width: 25%!important;}
#contactUsTable span            { line-height: 35px;}
#contactUsTable textarea        { height: 145px;}

.inputsBusca {
    background: #2E2E2E!important;
    border-width: 1px!important;
    border-style: solid!important;
    border-color: #000000 #1A1A1A #404040!important;
    color:#808080!important;
    min-height: 30px!important;
    min-width: 400px;
    font-family: Arial, Helvetica, Sans-serif!important;
    float: right;}

.inputsBusca:hover  {   background: #383838!important;}
.inputsBusca:active, 
.inputsBusca:focus  {   background: #383838!important; border-color: #595641!important; color:#d9cd73!important; outline: none!important;}

#Content_ContentPane_ctl01_btnSend  {
    background-position: -300px -200px;
    border: none!important;
    height: 30px;
    width: 120px;    
    text-indent: -9999px;}

#Content_ContentPane_ctl01_btnSend:hover    {background-position: -420px -200px; cursor:pointer;}

a.mail_link:link, 
a.mail_link:visited {color:#999999;}
a.mail_link:hover,
a.mail_link:active  {color:#d9cd73;} 

.contact_data   {padding: 5px 0 0 0;}


            /*****************************************/
            /**********  Layout Classes   ************/
            /*****************************************/	
.draggable-containe {min-height: 80px;}

.DefaultLayoutDiv  {
    width:100%;
	min-height:485px;
    min-width: 960px;
    background:url("../../DesktopLayouts/AgileWorks/images/bg_menu.png") top left repeat-x;
	position:relative;
	margin: 0 auto;
	padding:0px 0px 20px 0px;}

.PortalHeader{
	width:960px;}

.Main_Table{
	width:960px;
	border: none;
	margin: 0 auto;}

td.Main_Content_Table{
    width: 960px;}

#Content_Table{
    margin:0 auto;
    width: 960px;}
    
#Content_Table td{
    vertical-align: top;}

td.CenterTD,
td.RightTD{
    min-width: 320px!important;
    width: auto;
    overflow: hidden;
    position: relative;}

td.LeftTD,
td.RightTD{
    min-width: 320px!important;
    max-width: 320px!important;
    width: 320px;}

.banner_div{
    background: url("../../DesktopLayouts/AgileWorks/images/top_pane_bg.jpg") no-repeat scroll 50% 0;
    border-bottom: 1px solid #000;
	min-height:110px;
    min-width: 960px;
    -webkit-box-shadow: 0px 1px 0px #404040;
    -moz-box-shadow:    0px 1px 0px #404040;
    box-shadow:         0px 1px 0px #404040;
    width: 100%; 
    }

#toptdpaneleft,
#toptdpanecenter,
#toptdpaneright,
#leftpane,
#contentpane,
#rightpane,
#RightPane,
#toppane,
#bottompane{
    max-width: 940px;
	margin:0 auto;
    min-height: 50px;
    min-width: 300px;
    padding: 10px;
    position: relative;}

#leftpane,
#rightpane,
#RightPane,
#toptdpaneleft,
#toptdpaneright,
#toptdpanecenter    {    width: 300px;}

#toptdpaneleft,
#toptdpanecenter,
#toptdpaneright,
#bottompane,
#newspane       { float: left; display: inline-block;}

#toptdpaneleft .ModuleWrap,
#toptdpanecenter .ModuleWrap,
#toptdpaneright .ModuleWrap,  
#toptdpaneleft .ModuleContent_alt,
#toptdpanecenter .ModuleContent_alt,
#toptdpaneright .ModuleContent_alt,
#bottompane .ModuleContent_alt  {   padding: 0;}

#bottompane     {   padding: 10px 0 0 0; width: 640px;}
#newspane       {   }



        /*****************************************/
        /**********  Header Classes   ************/
        /*****************************************/	

.userMenu{
    float: right;
    height: 75px;
    overflow: hidden;
    padding: 0 10px 0 0;
    position: relative;
    vertical-align: top;
    width: 716px;
    z-index: 20;}
    
.logo_div{
    display: inline-block;
    float: left;
	height: 96px;
    padding-top: 30px;
    position: relative; 
	overflow:hidden;
    width: 214px;
    z-index:350;}

.header{
	background: url("../../DesktopLayouts/AgileWorks/images/header.jpg") no-repeat top left;
    width:940px;
	height:126px;
	padding: 0px 10px 0px 10px ;}
    
.lang_es,
.lang_us,
.log_IN {
    background: transparent url("../../DesktopLayouts/AgileWorks/images/lang_es.png") no-repeat 5px 4px;
    display: inline-block;
    height: 20px;
    padding: 0 5px ;
    width: 16px;} 
.lang_us { background: transparent url("../../DesktopLayouts/AgileWorks/images/lang_en.png") no-repeat 5px 4px;}
.log_IN  { background: transparent url("../../DesktopLayouts/AgileWorks/images/log_IN.png") no-repeat 5px 2px; padding-right: 1px;}

        /*****************************************/
        /**********  Footer Styles    ************/
        /*****************************************/	
#footer_div{
	background: url(../../DesktopLayouts/AgileWorks/images/footer_bg.png) no-repeat top center; 
    border-bottom: 1px solid #000;
    color: #999;
	margin:0 auto ;
    min-height: 180px;
	padding: 5px 0px 0px 0px ;
    position: relative;
    width:100%;}

#footer_div .center { width: 940px;}

.footer_cols,
.footer_last_col    {
    display: inline-block;
    float: left;
    height: 150px;
    padding: 10px 20px 15px 0;
    width: 300px;}

.footer_3cols       {margin: 0 auto; width: 940px; height: 40px;}    

.footer_last_col    {   padding: 0;}
.contacts_list li   {   height: 30px;    vertical-align: top;}
.contacts_list span {   font-weight: bold; color:#dedede; width: 70px; padding-right: 10px; display: inline-block;}
span.social         {   vertical-align: top;}

.social_media       {
    background: url(../../DesktopLayouts/AgileWorks/images/spryte.png) no-repeat 0 -130px;
    display: inline-block;
    *font-size: 0px;
    height: 40px;
    line-height: 0px;
    padding: 5px 0 0 0;
    margin: 0;
    text-indent: -2000px;
    *text-indent: 0px;
    _text-indent: 0px;
    width: 40px;}
    
#facebook   {   background-position: 0 -133px;}
#twitter    {   background-position: -40px -133px;}
#linkedin   {   background-position: -80px -133px;}

.footer_nav     {   width: 300px; display: block;}
.footer_nav li  {   
    background: url(../../DesktopLayouts/AgileWorks/images/spryte.png) no-repeat 0 -180px;
    height: 20px;
    padding-left: 20px;}


.footer_nav span            {color:#e3664e;}
.footer_nav li a:link,
.footer_nav li a:visited    {color:#dedede; font-weight: bold; text-decoration: underline;}/*visited {color: #b3a2a1;}*/
.footer_nav li a:hover,
.footer_nav li a:active     {color: #dedede;}

#slider_news    {   height: 165px; overflow: hidden; position: relative;}
.footer_news    {
    background: url(../../DesktopLayouts/AgileWorks/images/spryte.png) no-repeat 0 -237px;
    height: 100px;
    overflow: hidden;
    padding: 13px 10px 10px 20px ;
    position: relative;
    width: 270px;}

.footer_news div {height:120px ; width:270px ;}

.footer_news a:link,
.footer_news a:visited,
.footer_news a:hover,
.footer_news a:active  { color:#dedede;}

.footer_news  p      { color: #808080;}
.footer_news_title  { color: #d9c006; font-size: 13px; font-weight: bold;}

#slider_news .prev,
#slider_news .next {
    background: url(../../DesktopLayouts/AgileWorks/images/spryte.png) no-repeat 0 -360px;
    display: block;
    position: absolute;
    height: 0;
    overflow: hidden;
    padding: 21px 0 0 20px;
    top: 137px;
    width: 0;
    z-index: 30;}

#slider_news .prev         {   left: 250px;}
#slider_news .prev:hover   {   background-position: -40px -360px;}
#slider_news .next         {   background-position: -20px -360px; left: 270px;}
#slider_news .next:hover   {   background-position: -60px -360px;}

.copyright             {   
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 2px solid #333333;
    height: 100px;
    padding: 20px 0;
    width: 100%;}

        /*****************************************/
        /**********  News Styles    ************/
        /*****************************************/	

.news_list_image, .news_list_image_1 { 
    background-position: -420px -290px;
    height: 100px;
    padding: 10px;
    position: relative;
    margin: 0 0 10px 0;
    width: 265px;}

.news_list_image .show_more_details {   
    height: 100px;
    left: 10px;
    top: 10px;
    width: 265px;}

.news_list_image_1 .show_more_details {   
    height: 100px;
    left: 10px;
    top: 10px;
    width: 265px;}

.news_list_image_1 { 
    background-position: -420px -290px;
    height: 100px;
    padding: 10px;
    position: relative;
    margin: 0;
    width: 220px;}

.news_list_image_1 .show_more_details {   
    height: 100px;
    left: 10px;
    top: 10px;
    width: 220px;}
	
/*.proyect_thumb_portfolio .portal_buttons    {float: right;}*/

.article_left_column  {
    float: left;
    width: 285px;
    padding: 0 30px 0 0;}

.article_right_column   {
    float: right;
    width: 600px;
    padding: 0;}

.article_right_column p  {
    text-align: justify;}

.article_description p  {
    color: #cccccc;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    letter-spacing: 1px;
    padding-bottom: 10px;
    text-shadow:0 1px 0 #000000;}

.article_content {
    -webkit-column-count: 2;
	-webkit-column-gap: 30px;
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;}

.article_right_column h5 {   padding: 10px 0 5px;}

.article_image {
    background: url(../../DesktopLayouts/AgileWorks/images/news_image_bg.png) no-repeat top left;
    padding: 10px;
    margin-bottom: 10px;
    height: 180px;
    width: 265px;}

.article_images,
.article_tags     {
    margin: 0 0 10px 0;}

.article_images h6,
.article_tags   {    padding: 0 0 0 10px;}

.article_images a   { 
    background: url(../../DesktopLayouts/AgileWorks/images/news_image_bg.png) no-repeat 0 -210px;
    float: left;
    display: inline-block;
    height: 80px;
    margin: 5px 5px 5px 0;
    padding: 5px;
    width: 80px;}

       /*********************************************************/
       /***************    Carga de Articulos   *****************/
       /*********************************************************/

#editArticleContent                 {   margin: 20px auto;}
#editArticleContent div             {   width: 940px; }
#editArticleContent .article_editor_container div   {  float: left; width: auto; white-space: nowrap;}
 
.article_editor_container       {   border-bottom: 1px solid #333; border-top: 1px solid #000;  width: 940px; margin-bottom: 20px;}
.article_editor_container td    {   
    padding: 10px 8px;
    vertical-align: top;
    border-bottom: 1px solid #000;
    border-top: 1px solid #333;}

.article_editor_container label {   
    color: #d9cd73;
    display: inline-block;
    font-family: Arial, Helvetica, Sans-serif; 
    font-size: 13px; 
    line-height: 35px;
    padding: 0 0 0 15px ;
    text-align: right;
    white-space: nowrap; 
    min-width: 110px;
     }
/*#Title, #Place ,#CreationDate, */
.article_editor_container input[type="text"]{
    background: #2E2E2E!important;
    border-width: 1px!important;
    border-style: solid!important;
    border-color: #000000 #1A1A1A #404040!important;
    color:#808080!important;
    font-family: Arial, Helvetica, Sans-serif!important;
    margin-right: 10px;
    min-height: 30px!important;
    min-width: 150px;
    padding-left: 10px;}

.article_editor_container input[type="text"]:hover  {   background: #383838!important;}
	
.article_editor_container input[type="text"]:active,
.article_editor_container input[type="text"]:focus  {   background: #383838!important; border-color: #595641!important; color:#d9cd73!important; outline: none!important;}

#Title, #Place          {   width: 375px;}
#IsActive               {   min-width: 16px;}
.article_date_picker    {   float: left;    margin-right: 10px;}

.article_editor_container .ui-datepicker-trigger  { float: left; display: inline-block; margin-top: 8px;}

#articleTagsInserted, 
#sortableArticleImages      {   padding: 10px 0 0 180px;}

#articleTagsInserted li, 
#sortableArticleImages li   {   display:inline-block; float: left; padding: 5px 10px 5px 0; position: relative; width:140px ;}
#sortableArticleImages li   {   width: 180px;}
#sortableArticleImages img  {   display: block; margin: 0 auto 10px auto;}

#sortableArticleImages input[type="text"]{
    float: left;
    margin-right: 0;
    min-height: 20px!important;
    min-width:  148px;
    width:      148px;}

#articleTagsInserted li a, 
#sortableArticleImages li a {   
    background: #121212; 
    font-weight: bold; 
    font-size: 12px; 
    color: #666666;
    -moz-border-radius-topleft:         0px; 
    -moz-border-radius-topright:        5px; 
    -moz-border-radius-bottomleft:      0px; 
    -moz-border-radius-bottomright:     5px; 
    
    -webkit-border-top-left-radius:     0px; 
    -webkit-border-top-right-radius:    5px;
    -webkit-border-bottom-left-radius:  0px;
    -webkit-border-bottom-right-radius: 5px;
    
    border-top-left-radius:             0px; 
    border-top-right-radius:            5px; 
    border-bottom-left-radius:          0px;
    border-bottom-right-radius:         5px;}

#articleTagsInserted li a:hover, 
#sortableArticleImages li a:hover  { color: #d9cd73;}

#sortableArticleImages a    {   line-height: 13px;}

#articleTagsInserted span,
#sortableArticleImages span {   
    background: #1a1a1a;
    -moz-border-radius-topleft:         5px; 
    -moz-border-radius-topright:        0px; 
    -moz-border-radius-bottomleft:      5px; 
    -moz-border-radius-bottomright:     0px; 
    -webkit-border-top-left-radius:     5px; 
    -webkit-border-top-right-radius:    0px;
    -webkit-border-bottom-left-radius:  5px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-left-radius:             5px; 
    border-top-right-radius:            0px; 
    border-bottom-left-radius:          5px;
    border-bottom-right-radius:         0px;}

#articleTagsInserted span,
#sortableArticleImages span, 
#articleTagsInserted a,
#sortableArticleImages a {    float: left; display: inline-block; padding: 5px 6px;}

.article_gallery_image_uploader {   
    border-bottom: 1px solid #000;
    float: none!important;
    display: block!important;
    height: 65px;
    padding: 0 0 5px 0;
    position: relative;
    white-space: normal;}
.article_gallery_image_uploader p   { visibility: hidden; position: absolute;}
.article_gallery_image_uploader div, 
.article_gallery_attachment_uploader div { float: right;}

.article_gallery_image_uploader div div, 
.article_gallery_attachment_uploader div div { float: left;}

.article_gallery_image_list { 
    border-top: 1px solid #333;
    float: none!important;
    display: block!important;}

.date_label                     { display: block; padding: 0 0 6px 0;}
.article_editor_container div   { display: inline-block; padding-right: 15px;}

    /****  Listado de noticias para edicion o carga  ****/
#articlesTableListContainer table           { margin: 0 auto 18px auto; width: 915px;}
#articlesTableListContainer table thead td  { border: 1px solid #bfae2c; font-size: 13px; font-weight: bold; }
#articlesTableListContainer table td        { border: 1px solid #1a1a1a; padding: 6px 10px; vertical-align: middle; text-align: center;}


/***************************************************/
/********************* FORMULARIO ******************/
/***************************************************/

#FormularioParentDiv {
    padding: 0 0 0 10px;
    width: 275px;}
	
.div-titulo {
    color: #FFFFFF;
    font-family: verdana;
    font-size: 13px;
    margin-bottom: 15px;}
	
.div-imput2, .div-imput {
    color: #FFFFFF;
    font-family: verdana;
    font-size: 12px;
    margin-bottom: 20px;}
	
#destination, #adulttravelers, #dateorperiod, #phone, #email {
    float: right;
    height: 15px;
    margin-left: 10px;
    width: 194px;}
	
#personalData {
    margin-bottom: 15px;}
	
#description {
    height: 80px;
    width: 269px;}
	
.botones {
	display:none;
  /*  margin-left: 170px;*/
	margin-left:8px;
    margin-top: 10px;
   /* position: absolute;*/}

.BotonEnviarFormulario {
	background: none repeat scroll 0 0 #821318;
    color: #FFFFFF;
    font-weight: bold !important;
    padding: 0 32px;}

.BotonEnviarFormulario:hover {
	background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    font-weight: bold !important;
    padding: 0 32px;}

.BotonBorrarFormulario {
	display:none;}