/* CSS para yoelnacho.com.ar por: yoelnacho */

/* TAGS */
body { background:#02141c url(../images/bg.jpg) repeat-x 0 -3px; padding:0px; margin:0px; font-family:Arial,Helvetica,sans-serif;}

a img {border:0 none;}
a {text-decoration:none; outline:none;}

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/*png fix*/
/*.right { background:transparent url(../images/tab_r.png) no-repeat scroll left 0; display:block; float:left; height:42px; margin:0; padding:0; width:30px;}*/

/* CONTENIDO */
#contenedor {/*margin-bottom:80px;*/ height:100%; text-align:center; width:100%;}
#contenido { width:900px; margin:0 auto; text-align:left}
#cabecera{ height:428px;}/*431*/
#logo {position:absolute; margin-top:25px;/*28*/}
#menu { position:absolute; padding-left:694px;}
#menu ul { display:block; margin-top:53px;}
#menu ul li { display:inline; color:#505b63;}
#menu ul li a { color:#505b63; text-decoration:none; font-size:12px;}
#menu ul li a:hover { color:#FFFFFF;}
#barra { height:177px; margin-bottom:30px;}
#slider {padding-top:129px;/*130*/ text-align:center;}


/* PORTFOLIO */
#panel2 .sitio_img { padding:5px 0px 0px; margin:0px; background:#666 url(../images/sitios/port_top.jpg) no-repeat top center;}
#panel2 .sitio_tit { background-color:#2F4C5C; padding:4px 6px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc;}
#panel2 .sitio_tit a { color:#CCCCCC; font-size:12px; font-family:Arial,Helvetica,sans-serif; }
#panel2 .sitio_tit a:hover { color:#FFFFFF; }

#content_nSsmall {}
.nSsmall img, .nSsmall img.dos {
position:absolute;
/*top:10px;*/
}
.nSsmall img {left:20px;}
.nSsmall img.dos {left:10px;}
.nSsmall.thr {
border-right:1px solid #1c3641;
border-left:1px solid #1c3641;
}
.nSsmall p { margin:0; padding:0;}
.nSsmall {
/*-x-system-font:none;*/
color:#4d636c;
float:left;
font-size:11px;
/*font-size-adjust:none;*/
/*font-stretch:normal;*/
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
padding:1px 20px 0 90px;
position:relative;
width:189px;
margin-top:25px;
}
.nSsmall strong {
display:block;
font-size:14px;
color:#8EA6AF;
}

/* menu */
#panel2 {
	background:#132A32;
	height: 177px;
	width:900px;
	display: none;
	position: absolute;
	z-index:100;
	border-top:#5D7077 1px solid;
	/*text-align:center;*/
}
.slide {
	margin: 0 0 0 372px;
	padding: 0 0 0 5px;
	position:absolute;
	top:597px;/*600*/
	height: 40px;
	float:left;
}
.btn-slide {
	float: left;
	/*background: #825948 url(white-arrow.gif) no-repeat right -50px;*/
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
ul.list {margin: 0px; padding: 16px 0px 0px 10px; list-style: none;}
ul.list li {float: left; width: auto;}
ul.list a {text-decoration: none; background: #453027; margin: 5px; padding: 4px;}
ul.list a:hover {text-decoration: none; background: #825948;}
ul.list li.buscar {float: right; margin-right: 5px;}
ul.list li.buscar input {background-color: #453027; border: 0px; color: #CCC093; font-size: 18px; margin: 0px; width: 300px;}


/* Panel Tab/button */
.icono_usuario, .icono_info, .icono_contacto { /*margin-bottom:30px;*/ height:64px;}
/*.icono_usuario { background:#11181A url(../images/icono_usuario.jpg) no-repeat top left;}
.icono_info { background:#11181A url(../images/icono_info.jpg) no-repeat top left;}
.icono_contacto { background:#11181A url(../images/icono_contacto.jpg) no-repeat top left;}*/

.tab {
  	background: url(../images/tab_b.png) repeat-x 0 0;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 42px;
	width: auto;
  	font-weight: bold;
	line-height: 42px;
	margin: 0;
	right: 0px;/*-27px;/*53*//*150*/
  	color: white;
  	font-size: 12px;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(../images/tab_l.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(../images/tab_r.png) no-repeat left 0;
  	height: 42px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px 0 0;
	display: block;
	float: left;
	height: 42px;
  	background: url(../images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color: #D4D8D9;
}

.tab ul.login li a:hover {
	color: white;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: 46px;/*100*/
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}


/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 422px;/*270*/
	color: #999999;
	background: #11181a;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}

#panel h1 {
	font-size: 25px;
	/*padding: 15px 0 30px 75px;*/
	padding:15px 0 30px;
	margin: 0;
	color: white;
}

#panel h2{
	font-size: 15px;
	padding: 10px 0 5px;
	margin: 0;
	color: white;
}

#panel p {
	margin: 2px 0;
	padding: 0;
}

#panel a {
	text-decoration: none;
	color: #15ADFF;
}

#panel a:hover {
	color: white;
}

#panel a-lost-pwd {
	display: block;
	float: left;
}

#panel .content {
	width: 960px;
	margin: 0 auto;
	padding-top: 50px; /*15*/
	text-align: left;
	font-size: 0.85em;
}
#panel .content span {
	color:red;
	float:right;
}

#panel .content .left1 {
	width: 206px;
	float: left;
	padding: 0 15px;
}
#panel .content .left {
	width: 380px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content .right {
	width: 280px;
	float: left;
	padding: 0 15px;
	border-left: 1px solid #333;
}

#panel .content form {
	margin: 0 0 10px 0;
	padding-top:12px;
}

#panel .content label {
	float: left;
	/*padding-top: 8px;
	width: 129px; /*280*/
	clear: both;	
	display: block;
}

#panel .content input.field2 { width:135px !important; width:124px;}
#panel .content input.field1 { width: 188px;/*200*/}
#panel .content input.field { width: 123px;/*200*/}
#panel .content input.field, #panel .content input.field1, #panel .content input.field2 {
	border: 1px #1A1A1A solid;
	background: #515151;/*#414141*/
	margin-right: 5px;
	margin-top: 4px;
	color: white;
	/*height: 16px;*/
	padding:4px;
	margin-bottom:8px;
}
#panel .content textarea {
	width: 269px; 
	border: 1px #1A1A1A solid;
	background: #515151;	
	margin-top: 4px;
	color: white;
	height: 90px;
	padding:4px;
	}

#panel .content input:focus.field, #panel .content input:focus.field2, #panel .content textarea:focus {
	background: #383737;
}

/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

#panel .content input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}

#panel .content input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}


/*** SCROLL ***/

div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 824px;	
	height:177px;/*90px*/	
	
	/* custom decorations */
	padding:0;
	/*border:1px outset #ccc;
	background-color:#efefef;*/
}


div.scrollable div.items {	
	/* this cannot be too large */
	/*width:20000em;*/
	position:absolute;
	clear:both;
	height:177px;	
	
	/* decoration */
	padding-left:10px !important;
	padding-left:0px;
}

/* single scrollable item */
div.scrollable div.items div.port_content {
	float:left;
	
	/* custom decoration */
	height:152px;/*127*/
	/*text-align:center;*/
	width:183px;/*110*/
	padding:0px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	/*border:1px outset #ccc;*/
	background:#666 url(../images/sitios/port_bottom.jpg) no-repeat bottom center;
	margin:11px 12px 5px 8px;
	/*-moz-border-radius:5px;*/
}

/* active item */
div.scrollable div.items div.active {
	/*border:1px inset #ccc;		
	background-color:#fff;*/
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/arrows/left.jpg) no-repeat;
	float:left;
	margin:76px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/arrows/right.jpg);
	clear:right;	
}

/* FORMULARIO */
#message { padding-left:56px; background: url(../images/check.jpg) no-repeat 0 10px; height:205px; padding-top:5px;}