/* @override http://www.peslab.com.ar/ES_styles.css */

/* TOP NAVIGATION BAR
/////////////////////////////////////*/ 

div#nav {
	width:100%;
	height:44px;
	background:url('images/navbar_bg.jpg') no-repeat center top;
	margin:0;
	padding:0;
}
 
ul#topnav { 
width:480px; 
list-style:none; 
height:44px; 
margin-top:0;
	padding:0;
} 
 
ul#topnav li { 
display:inline; 
margin:0;
	padding:0;
} 

ul#topnav li a { 
height:44px; 
float:left; 
} 
         


/* NEWS */
ul#topnav li#navnews a { 
width:119px; 
background:url(images/ES_navbar.jpg) no-repeat 0 0; /* X and Y position at 0 */ 
} 
 
ul#topnav  li#navnews a:hover { 
background-position:0 -44px; /* Y position -40px for Over instance image */ 
} 
 
ul#topnav  li#navnews a.current { 
background-position:0 -88px; /* Y position -80px for Current instance image */ 
} 
/* WORK */
ul#topnav li#navwork a { 
width:105px; 
background:url(images/ES_navbar.jpg) no-repeat -119px 0; /* X and Y position at 0 */ 
} 
 
ul#topnav  li#navwork a:hover { 
background-position:-119px -44px; /* Y position -40px for Over instance image */ 
} 
 
ul#topnav  li#navwork a.current { 
background-position:-119px -88px; /* Y position -80px for Current instance image */ 
} 
/* ABOUT */
ul#topnav li#navabout a { 
width:89px; 
background:url(images/ES_navbar.jpg) no-repeat -224px 0; /* X and Y position at 0 */ 
} 
 
ul#topnav  li#navabout a:hover { 
background-position:-224px -44px; /* Y position -40px for Over instance image */ 
} 
 
ul#topnav  li#navabout a.current { 
background-position:-224px -88px; /* Y position -80px for Current instance image */ 
} 
/* CONTACT */
ul#topnav li#navcontact a { 
width:96px; 
background:url(images/ES_navbar.jpg) no-repeat -313px 0; /* X and Y position at 0 */ 
} 
 
ul#topnav  li#navcontact a:hover { 
background-position:-313px -44px; /* Y position -40px for Over instance image */ 
} 
 
ul#topnav  li#navcontact a.current { 
background-position:-313px -88px; /* Y position -80px for Current instance image */ 
} 

/* COLORES
#BDBEC0 -> gris fdo
#6D6E71 -> gris encabezados claro
#1D1D1E -> gris encabezados oscuro
#3E3E40 -> gris header/footer/copys
#4CB0F0 -> celeste
*/

/* page */
html {
	padding:0;
	margin:0;
   height:100%;
}
body {
	height:100%;
	background-image:url('images/fdo.gif');
	background-repeat:repeat;
	background-color:#323232;
	margin:0 auto 0 auto;
	padding:0;
	font-size:12px;
	font-family: Verdana, Arial;
}

/* LAYOUT */
/* wrapper, header and nav */
#wrap {	
	min-height:100%;
	position:relative;
	width:972px;
	margin:0 auto;
	/*border:4px solid #080808;*/
	padding: 0 14px 0 14px;
	background-color:#BCBDC0;

}

#header {
	background:url('images/header.jpg') no-repeat #201F1F;
	height: 178px;
	margin:0;
	padding: 0;
}
#content {
	margin-top:16px;
	padding-bottom:50px;   /* Height of the footer */
}
#sidebar, #sidebar_about {
	float:left;
	width:310px;
	display:block;
	margin:0;
	padding:0;
	background:url('images/sidebar_bg.gif') no-repeat right bottom;
}
#sidebar_reel,#sidebar_contact  {
	float:left;
	width:310px;
	display:block;
	margin:0;
	padding:0;
	background:url('images/sidebar_reel_bg.gif') no-repeat right bottom;
}


#page {
	float:right;
	width:660px;
	display:block;
}
/*ADMIN*/
div#work-new {
	width:970px;
	float:right;
	background:url('images/page_fdo.gif') repeat-y #FFFFFF;
}
#cierre {
	float:none;
	clear:both;
}
#footer {
	clear:both;
	position:absolute;
	bottom:0;
	 width:100%;
	height:50px;
	background:url('images/footer.gif') no-repeat;
	}


a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

/* imgs */
img {
border:0;
margin:0;
padding:0;
}
/* ELEMENTOS OCULTOS*/
.hdn { 
display:none;
}

/* header */
div#header h1 {
margin:0;
	padding: 0;
visibility:hidden;
}

/* LANG BAR*/    
div#langs {
	height:14px;
	margin:16px 0 0 14px;
	padding:0;     
float:left;
}

ul#langbar { 
              margin:0;
padding:0;
list-style:none; 
height:30px;     
} 
 
ul#langbar li { 
display:inline; 
margin:0;
padding:0;
} 

ul#langbar li a { 
height:14px; 
float:left; 
} 

/* langEN */
ul#langbar li#langEN a { 
width:41px; 
background:url(images/langbar.gif) no-repeat top left; /* X and Y position at 0 */ 
} 
 
ul#langbar  li#langEN a:hover { 
background-position:0 -14px; /* Y position -40px for Over instance image */ 
} 
 
ul#langbar  li#langEN a.currentlang { 
background-position:0 -14px; /* Y position -80px for Current instance image */ 
} 

/* langES */
ul#langbar li#langES a { 
width:41px; 
background:url(images/langbar.gif) no-repeat -41px 0; /* X and Y position at 0 */ 
} 
 
ul#langbar  li#langES a:hover { 
background-position:-41px -14px; /* Y position -40px for Over instance image */ 
} 
 
ul#langbar  li#langES a.currentlang { 
background-position:-41px -14px; /* Y position -80px for Current instance image */ 
} 


/* subnav */
div#subnav {
	width:100%;
	height:26px;
	background:url('images/subnav_bg.jpg') no-repeat center bottom;
	margin: 0;
	padding: 0;
	font-size:11px;
	font-family: Verdana, Arial;
	color:#B4B4B4;
}
div#subnav ul {
	margin:0;
	padding:0 0 0 10px
}
div#subnav ul li {
	display:block;
	float:left;
	padding:5px 5px 10px 5px;

}
div#subnav ul li a {
	float:left;
	color:#B4B4B4;
	text-decoration:none;
	display:block;
}
div#subnav ul li a.selected, div#subnav ul li a.selected:hover {
	font-weight:bold;
	text-decoration:none;
		color:#FFFFFF;
}
div#subnav ul li a:hover {
	text-decoration:underline;
}

/* TOPNAVADMIN */
 
ul#topnavadmin {  
list-style:none; 
height:44px; 
margin-top:0;
	padding:0;
} 
 
ul#topnavadmin li { 
display:inline; 
margin:0;
	padding:0;
} 

ul#topnavadmin li a { 
height:44px; 
float:left; 
text-indent:-9999px; 
} 

/* INICIO */
ul#topnavadmin li#navinicio a { 
width:69px; 
background:url(images/navbar_admin.gif) no-repeat 0 0; /* X and Y position at 0 */ 
} 
 
ul#topnavadmin  li#navinicio a:hover { 
background-position:0 -44px; /* Y position -40px for Over instance image */ 
} 
 
ul#topnavadmin  li#navinicio a.current { 
background-position:0 -88px; /* Y position -80px for Current instance image */ 
} 
/* WORK */
ul#topnavadmin li#navwork a { 
width:75px; 
background:url(images/navbar_admin.gif) no-repeat -69px 0; /* X and Y position at 0 */ 
} 
 
ul#topnavadmin  li#navwork a:hover { 
background-position:-69px -44px; /* Y position -40px for Over instance image */ 
} 
 
ul#topnavadmin  li#navwork a.current { 
background-position:-69px -88px; /* Y position -80px for Current instance image */ 
} 
/* NEWS */
ul#topnavadmin li#navnews a { 
width:77px; 
background:url(images/navbar_admin.gif) no-repeat -144px 0; /* X and Y position at 0 */ 
} 
 
ul#topnavadmin  li#navnews a:hover { 
background-position:-144px -44px; /* Y position -40px for Over instance image */ 
} 
 
ul#topnavadmin  li#navnews a.current { 
background-position:-144px -88px; /* Y position -80px for Current instance image */ 
} 



/* content */


div#content .workentry {
width:485px;
height:98px;
float:left;
	margin:0;
	padding:0;
	background:url('images/workentry_fdo.gif') no-repeat top right;
}

div#content .workentry img {
float:left;
margin:8px;

}

div#content .workentry p {
float:left;
margin:53px 8px 8px 8px;
color:#B4B4B4;
}




div#content .workentry a{
text-decoration:none;
color:#6E6E6E;
margin:0;
padding:0;
}

div#content .workentry a:hover{
text-decoration:underline;
}





/* SELECTEDs */


div#page .selectedentry {
width:330px;
float:left;
	margin:0 0 6px 0 ;
	font-size:11px;
	font-family: Verdana, Arial;
	color:#FFFFFF;
	background:url('images/selectedentry_bg.gif') repeat-y right bottom #3F3F40;
}

div#page .selectedentry .titulo{
float:left;

margin:15px 0px 15px 10px;
}
div#page .selectedentry a{
	color:#B4B4B4;
text-decoration:none;
margin:0;
padding:0;      
border:0;
}
div#page .selectedentry a:hover{
text-decoration:underline; 
border:0;
}

div#page .selectedentry .fecha{
float:right;
color:#B4B4B4;
margin:15px 15px 15px 0;
}


div#page .selectedbigentry{
width:660px;
float:left;
	margin:0 0 6px 0;
   	font-size:11px;
	font-family: Verdana, Arial;
	color:#FFFFFF;
	background:url('images/selectedentry_bg.gif') repeat-y right bottom #3F3F40;
}
div#page .selectedbigentry .titulo{
float:left;
margin:15px 0px 15px 10px;
}

div#page .selectedbigentry a{
	color:#B4B4B4;
text-decoration:none;
margin:0;
padding:0;
border:0;
}
div#page .selectedbigentry a:hover{
text-decoration:underline;          
border:0;
}

div#page .selectedbigentry .fecha{
float:right;
color:#B4B4B4;
margin:15px 15px 15px 0;
}




/* WORK*/
#video {
width:660px;
height:404px;
vertical-align:top;
background:url('images/video_fdo.gif') no-repeat top right #868686;
margin-bottom:12px;
}            


.imgdiv{
margin-bottom:10px;
}        
.imgsdiv{
margin-bottom:3px;
}      

                                   
 #storyboard h4, #imagenes h4,#proceso h4 {
	
	     font-size:18px;                                        
   height:59px;
	font-weight:lighter;          
	padding: 0;             
	margin-bottom:16px;
	margin:0 0 8px 0;
	text-transform: uppercase;
}       


#storyboard h4 {
		background:url('images/ES_storyboard_hd.gif') no-repeat ;
}
#imagenes h4 {
		background:url('images/ES_images_hd.gif') no-repeat ;
}
#proceso h4 {
		background:url('images/ES_process_hd.gif') no-repeat ;
}
h4.contact {
	     font-size:18px;                                        
   height:55px;
	font-weight:lighter;          
	padding: 0;             
	margin-bottom:16px;
	margin:0 0 8px 0;
	text-transform: uppercase;
	background:url('images/ES_contact_hd.gif') no-repeat ;
}



div#page .head {
	font-size:18px;
	font-weight:lighter;
	padding: 15px 10px 14px 54px;
	background:url('images/hd_sidebar.gif') no-repeat #201F1F;
	color:#BDBEC0;
	text-transform: uppercase;
}

/* sidebar - left hand column */

div#sidebar .sidebarentry, div#sidebar_reel .sidebarentry,div#sidebar_contact .sidebarentry, div#sidebar_about .sidebarentry{
	margin:10px 15px 28px 10px;
	font-size:11px;
	font-family: Verdana, Arial;
	color:#B4B4B4;
}

div#sidebar b, div#sidebar strong,div#sidebar_reel b, div#sidebar_reel strong,div#sidebar_contact b, div#sidebar_contact strong,div#sidebar_about b, div#sidebar_about strong{
	color:#00AAF0;
	font-weight:normal;
}
div#sidebar .tit{
	color:#6E6E6E;
}
div#sidebar a, div#sidebar a:visited,div#sidebar_contact a, div#sidebar_contact a:visited,div#sidebar_reel a, div#sidebar_reel a:visited,div#sidebar_about a, div#sidebar_about a:visited{
	color:#00AAF0;
	text-decoration:none;
}
div#sidebar a:hover, div#sidebar_contact a:hover , div#sidebar_reel a:hover, div#sidebar_about a:hover{
	text-decoration:underline;
}
#sidebar_about h4 {
    margin:0;
    padding: 16px 10px 0px 40px;
    height:40px;
    background:url('images/ES_sidebar_about_hd.gif') no-repeat right top ;
    font-size:18px;
    font-weight:lighter;
    font-family: Verdana, Arial;
    color:#AEAFB3;
}
#sidebar_about h4.somos {
	    height:60px;
	background:url('images/ES_sidebar_about2_hd.gif') no-repeat right top ;
}
#sidebar_about h4.clientes {
	 height:60px;
	background:url('images/ES_sidebar_about3_hd.gif') no-repeat right top ;
}
#sidebar_reel h4 {
    margin:0;
    padding: 16px 10px 0px 40px;
    height:40px;
    background:url('images/sidebar_reel_hd.gif') no-repeat right top ;
    font-size:18px;
    font-weight:lighter;
    font-family: Verdana, Arial;
    color:#AEAFB3;
}
#sidebar_contact h4 {
	margin:0;
	padding: 16px 10px 0px 40px;
	height:40px;
	background:url('images/sidebar_contact_hd.gif') no-repeat right top ;
	font-size:18px;
	font-weight:lighter;
	font-family: Verdana, Arial;
	color:#AEAFB3;
}
#sidebar h4.worktit {
	margin:0;
	padding: 16px 10px 0px 40px;
	height:40px;
	background:url('images/sidebar_credito_hd.gif') no-repeat right top ;
	font-size:18px;
	font-weight:lighter;
	font-family: Verdana, Arial;
	color:#AEAFB3;
}
#sidebar h4.news {
	margin:0;
	padding: 0;
	height:56px;
	background:url('images/ES_news_hd.gif') no-repeat left top;
	font-size:18px;
	font-weight:lighter;
	color:#C0C2C4;
	text-transform: uppercase;
}
#sidebar .crdcliente, #sidebar .crdfecha, #sidebar .crdherr {   
	font-size:12px;
	font-weight:normal;
	color:#00AAF0;
}



/*h4#selectedwork {
		margin:0;
	text-indent:-9999px; 
	height:51px;
	background:url('images/hd_selectedwork.gif') no-repeat #201F1F;
}*/
#page h3 {
	margin:0;
	font-size:18px;
	height:40px;
	font-weight:lighter;
	padding: 15px 10px 4px 54px;
	background:url('images/page_hd.gif') no-repeat #1D1D1E;
	color:#C0C2C4;
	text-transform: uppercase;
}
#page h4.selectedwork {
	margin:0 0 8px 0;
	font-size:18px;
	font-weight:lighter;
	height:59px;
	padding: 0;
	background:url('images/ES_selected_hd.gif') no-repeat left top;
	color:#C0C2C4;
	text-transform: uppercase;
}
/*#work h4 {
		margin:0;
	font-size:18px;
	font-weight:lighter;
	padding: 15px 10px 14px 54px;
	background:url('images/hd_sidebar.gif') no-repeat #201F1F;
	color:#BDBEC0;
	text-transform: uppercase;
} */

h2#hd {
	font-size:18px;
	font-weight:lighter;
	padding: 15px 10px 14px 54px;
	background:url('images/page_header.gif') no-repeat #201F1F;
	color:#BDBEC0;
	text-transform: uppercase;
}

div#sidebar_about ul {
	list-style:none;
	padding:0;
	margin:5px 0;

}
div#sidebar_about ul li {
	padding:0;
	margin:0;
	display:block !important;
	display:inline; /* for ie */

}

div#sidebar ul {
	list-style:none;
	padding:0;
	margin:5px 0;
	border-top:1px solid #4B4B4B;
}
div#sidebar ul li {
	padding:0;
	margin:0;
	display:block !important;
	display:inline; /* for ie */
	border-bottom:1px solid #4B4B4B;
}
div#sidebar ul li a {
	display:block;
	width:100%;
	padding:4px 0 4px 1px;
	color:#FFFFFF;
	margin:0;
}
div#sidebar ul li a:hover {
	color:#FFFFFF;
	background-color:#B80201;
	text-decoration:none;
}
div#sidebar p, div#sidebar ul {
	/*margin-bottom:20px;*/
}

/* footer */
div#footer p {
	font-size:0.8em;
	text-align:center;
}

/* generic classes */
.bold {
	font-weight:bold;
}
.clear { 
	clear:both; 
}


/* headings */
h1 {
	color:#FFFFFF;
	text-align:center;
	font-size:2.8em;
}
/*h2 {
	color:#E2E2E2;
	text-align:center;
}
h3 {
	font-size:1.3em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#B90302;
}*/
/*h4 {
	font-size:1.2em;
} */

/* links 
a, a:visited {
	color:#B90302;
	text-decoration:none;	
}
a:hover {
	text-decoration:underline;
}*/

/* paragraphs */
p {
	font-size:11px;
	font-family: Verdana, Arial;
	margin:6px 0 10px 0;
}

/* form SIDEBAR*/
div#sidebar_reel form, div#sidebar_contact form, div#sidebar form{
	margin:0px;
	padding:0px;
	
}
div#sidebar_reel input, div#sidebar_reel textarea,div#sidebar_contact input, div#sidebar_contact textarea div#sidebar input, div#sidebar textarea{ /* esto define el input text */
	padding:1px;
	margin: 6px 6px 6px 6px;
	font-size:11px;
	font-family: Verdana, Arial;
	color:#B90302;
	height:14px;
}

div#sidebar_contact .formbot, div#sidebar_reel .formbot, div#sidebar .formbot { 
		margin: 0;
background:none;
color:#00ADEE;
font-size:11px;
font-family: Verdana, Arial;
border:0;
}


/* forms */
/* Contacto */
		 .formcontacto  {
			margin:0px;
			padding:0px;
			

}
.fdobco {
	background:url('images/contact_bg.gif') no-repeat;
	height:100%;
}
.formcontact input, .formcontact select, .formcontact textarea 
	{
		padding:0px;
		margin: 0;
		font-size:11px;
		font-family: Verdana, Arial;
		color:#B90302;
		border:0;
		background-color:#BBBDBF;
		width:560px;
		}
.formcontact input		{
		height:20px;
}
		

           .formcontact input.contactbtn {
				width:50px;
				margin: 0;
				color:#00ADEE;
				font-size:11px;
				font-family: Verdana, Arial;
				border:0;
				background:none;
	
}


form {
	margin:3px;
	padding:10px;
	/*background-color:#E2E2E2;
	border:1px solid #CCCCCC;*/
}
form p {
	margin:12px 0;
}
form label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
}
form input, textarea {
	border:1px solid #CCCCCC;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#B90302;
}
/*form input.button {
	background-color:#B80201;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:1px solid #CCCCCC;
}                */
.boton {
	background-color:#CCCCCC;
	color:#B90302;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:1px solid #CCCCCC;
}     
.botonBig {
	background-color:#B90302;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	padding:5px;
	border:2px solid #CCCCCC;
}
/* lists */
ul {
	list-style:square;
	margin:4px 0 4px 20px;
}
ol {
	margin:4px 0 4px 27px;
}

/* code */
code {	
	font-family:"Courier New", Courier, monospace;
	margin:10px;
	padding:10px;
	border:1px solid #CCCCCC;
	background-color:#E2E2E2;
	display:block;	
}

/* HRs */
hr.lg {
height:1px;
	background:url('images/hr_lg.gif') repeat-x ;
border:0;
margin:2px;
padding:0; 
}
hr.st {
height:1px;
background: #3E3E40  ;
border:0;
margin:5px 0px;
padding:0; 
}

hr.selected {
height:1px;
background: #3F3F40  ;   
width:20%;
border:0;
margin: 0px;
padding:0; 
}

hr.sp {
height:1px;
background:url('images/hr_lg.gif') repeat-x ;
border:0;
margin:14px 0 14px 0;
padding:0; 
}
hr.sb { /* del sidebar*/
height:1px;
background:url('images/hr_sb.gif') repeat-x ;
border:0;
margin:4px 0 6px 0;
padding:0; 
}
/*ADMIN*/

div#work-new .bottom {
height:10px;
margin:0;
padding:0;
background:url('images/page_bottom.gif') no-repeat;
}

div#work-new h3{
font-size:12px;
margin-bottom:10px;
}
/*div#work-new form{
padding:10px;
}*/                             
/* position list chunks side by side */
div.wrapper
{
  float: left;
  width: 120px; 
margin: 0 0 28px 10px;    
padding:0;
}

/* clear float after lists */
br
{
  clear: both;
}