/*GLOBALS*/

video {
	width: 300px !important;
	height: 300px !important;
	float: left;
	margin: 5px;
	
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: "Lucida Grande";
	/*background-image: url('img/bg.png');
	background-position: 150px 0px;*/
	overflow-x: hidden;
	background-image: none !important;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a { text-decoration: none; color: #000;}

a:link { text-decoration: none; color: #000;}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #000; }
a:hover {}

a img { border: none; }


ul, li{
list-style: none;
}

img {
text-align: center;
}


#draggable {
position: fixed;
}


#facebook {
	position: fixed !important;
	bottom: 10px !important;
	left:10px !important;
	z-index: 999999999999 !important;
	
}


/*MENU*/

#menu {
   
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 150px;
	padding-top: 0px;
	height: auto;
    position: fixed;
   border-right:1px solid #ddd;
/*border-style: solid;
border-width: 0px 15px 0px 0px;
-moz-border-image: url(img/borde.png) 0 15 0 0 stretch repeat;
-webkit-border-image: url(img/borde.png) 0 15 0 0 stretch repeat;
-o-border-image: url(img/borde.png) 0 15 0 0 stretch repeat;
border-image: url(img/borde.png) 0 15 0 0 stretch repeat;*/
}


@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	#menu {
	border-right:1px solid #ddd;
	}	
}

#menu ul {
	list-style: none;
	margin-top: 8px;
}

#menu ul li a { 
display: block;
padding: 5px 0px 5px 40px;
font-size: 10px;
background-size:20px;
background-position: 17px 3px;
background-repeat: no-repeat;
}

#menu ul li a .folder{ 
padding: 5px 0px 5px 20px;
font-size: 10px;
-moz-background-size:15px;
background-size:15px;
background-position: 3px 3px;
background-repeat: no-repeat;
font-size: 9px;
}

#menu ul li a #new {
background-image: url(img/folders/new.gif);
background-size:20px;
-moz-background-size:20px;
background-position: 0px 5px;
}

#menu #search li a { 
display: block;
padding: 5px 0px 5px 0px !important;
font-size: 10px;
}

#search_content {
/*
background-image: url(img/folders/search.jpg);
background-repeat: no-repeat;
background-position:1px top;
margin-top: 10px;*/
padding-top: 10px;
margin-top: 20px;
padding-left: 10px;
line-height: 17px;
border-top:1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}

#search_title {
/*
background-image: url(img/folders/search.jpg);
background-repeat: no-repeat;
background-position:1px top;
margin-top: 10px;*/
padding-top: 10px;
margin-top: 20px;
padding-left: 10px;
line-height: 17px;
border-top:1px solid #ccc;
}

#search_content h4, #search h4{
margin-bottom: 10px;
color: #758192;
text-transform: capitalize;
font-size: 10px;
}

#search_content span{
background-color: #ff0;
}

#search_content i, #search_title i{
background-color:#00ffc0;
}

#search_content a{
text-decoration: underline;
}


#menu ul li {
margin: 0px !important;
}

#menu ul .active {
background-color: #3875d7;
}

#menu ul .active a{
color: #fff !important;
text-decoration: none;
}

#menu ul li.section-title { display: none;}


#menu li .folder{
	background-repeat: no-repeat !important;
background-position: right center;
padding-right: 20px;
background-size:15px;
}

#menu li #new {
background-image: url(img/folders/new.gif);
background-size:30px;
background-position: 5px 3px;
}

#menu #search li #new {
padding: 5px 0px 5px 20px !important;
}

li #claudiamate {
background-image: url(img/coffee.png);
}

li #exhibition {
background-image: url(http://icons.iconarchive.com/icons/carlosjj/google-jfk/128/docs-icon.png);
}

li #m8fordummies {
background-image: url(http://icons.iconarchive.com/icons/icons-land/vista-hardware-devices/256/Security-Camera-icon.png);
}

li #cloaque {
background-image: url(http://claudiamate.com/tumblr/carlos/logo/29.gif)!important;
}


li #favs {
background-image: url(http://icons.iconarchive.com/icons/ph03nyx/super-mario/128/Star-icon.png);
}

li #projects {
background-image: url(img/folder2/3.png);
}

li #video {
background-image: url(img/folder2/4.png);
}

li #web {
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Link-icon.png);
}

li #collab {
background-image: url(img/folder2/6.png);

}



#menu ul li .none, #menu2 #Info {
display: none !important;
}





/*MENU2*/

#menu2 ul li.section-title { color:#000; margin-bottom: 5px;background-image:none;margin-left: 0px !important;}

#menu2 {
    width: 150px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left:0px;
	height: auto;
    position: fixed;
padding-top: 20px;
border-right: 1px solid #bbb;
background-color: #e8ecf1;
}



#menu2 ul li a { 
display: block;
font-size: 13px;
padding: 4px 0px 2px 40px;
background-position: 18px 3px;
background-repeat: no-repeat;
text-transform: capitalize;
}

#menu2 ul .active a	{
background-color: #5ba3dc;
color: #fff;
text-decoration: none;
}

#menu2 ul li a {
	background-size:18px;
}

#menu2 ul li #links {
background-image: url(http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/cup-link-icon.png);
}

#menu2 ul li #claudiamate {
background-image: url(http://icons.iconarchive.com/icons/awicons/vista-artistic/72/2-Hot-Home-icon.png);
}
#menu2 ul li #exhibition {
background-image: url(http://icons.iconarchive.com/icons/carlosjj/google-jfk/128/docs-icon.png);
}

#menu2 ul li #projects {
background-image: url(img/folder2/3.png);
}

#menu2 ul li #video {
background-image: url(img/folders/video.png);
}

#menu2 ul li #collab {
background-image: url(img/folder2/6.png);
}
#menu2 ul li #web {
background-image: url(http://icons.iconarchive.com/icons/delacro/once/48/Link-icon.png);
}
#menu2 ul li #cloaque {
background-image: url(img/folders/projects.png);
}
#menu2 ul li #hello {
background-image: url(img/folders/projects.png);
margin-top: 5px;
}

#menu2 #title {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color:#888;
margin: 10px 10px;
padding-bottom: 10px;
}

#menu2 input {
 -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #FFF url(img/folders/search.jpg) no-repeat 4px 0px;
  background-size:17px;
border: 1px solid #aaa;
color: #444;
font: 13px/normal "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
height: 19px;
padding: 1px 1px 1px 20px;
width: 130px;
margin-left: 10px;
margin-bottom: 10px;

}

#search{
clear: both;
display: block;
}



#search li:first-child{
/*padding-top: 30px;
background-image: url(img/folders/search.jpg);
background-repeat: no-repeat;
background-position:1px top;*/
}


#search li i{
background-color:#00ffc0;
}


#menu2 input:focus {
    outline: none;
}




/*GALLERY COL*/

#d-col1 { float: left; width: 200px; }
#d-col2 { margin-left: 160px; }
#d-col1 img { padding-top: 5px; }
#hidden-text { display: none; }

#d-col1 {

display: block;
position: fixed;
height: 1100px !important;
overflow: hidden;
margin-top:-60px;
width: 105px !important;
padding-top: 35px;
padding-left: 15px;
overflow-y: scroll;
}

#d-col1 #photo {
display: block;
text-align: center;
}

#d-col1 #photo img{
width: 80px;
}

#d-col1 #info {
display: block;
padding: 2px 0px 1px 20px;
margin-left: 15px;
margin-bottom: 10px;
background-size:11px;
-moz-background-size:12px;
background-position: center left;
background-repeat: no-repeat;
background-image: url(img/sheet.png);
}

#d-col1 #info:hover {
}


#d-col2 a{
padding-top:5px;
padding-bottom:5px;
background-image: url(img/link.png);
background-size: auto 10px;
background-position: center left;
background-repeat: no-repeat;
padding-left: 17px;
}

.d-col2 {position: relative; top: 20px; left:30px;}

#d-col2 img {
max-width: 500px;
display: block;
cursor: url(img/drag.cur), move;
}

/*GALLERY finder1a*/

#finder1a { float: left; width: 200px; }
#finder1b { margin-left: 160px; }
#finder1a img { padding-top: 5px; }
#hidden-text { display: none; }

#finder1a {
display: block;
position: fixed;
height: 100% !important;
overflow: hidden;
margin-top:-70px;
width: 150px !important;
padding-top: 50px;
border-right:1px solid #ddd;
padding-left: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	#finder1a {
	border-right:1px solid #ddd;
	}	
}

#finder1b {
position: relative;
left:30px;
top:-10px;
}

#finder1a #photo {
padding-top: 5px;
display: block;
text-align: left;
padding-left: 35px;
padding-bottom: 5px;
background-size:25px;
-moz-background-size:25px;
background-repeat: no-repeat;
background-position: 5px center;

}

#finder1a .active {
background-color: #3875d7;
color:#fff;
}

#finder1a #photo img{
display: none;
}

#finder1a #info {
display: block;
text-align: left;
padding-left: 30px;
padding-bottom: 5px;
padding-top: 5px;
background-size:14px;
-moz-background-size:14px;
background-position: 10px center;
background-repeat: no-repeat;
background-image: url(http://icons.iconarchive.com/icons/tatice/cristal-intense/64/Information-icon.png);
}

#finder1a #info:hover {
}


#finder1b a, .container p a {
padding-top:5px;
padding-bottom:10px;
background-image: url(img/link.png);
background-size: auto 10px;
background-position: center left;
background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 2px;
text-decoration: underline !important;
}

#finder1b a:hover , .container p a:hover{
color:#00f;
}

.finder1b {position: relative; top: 20px; left:30px;}

#finder1b img {
max-width: 650px; 
cursor: url('img/drag.cur'), move;
}

#mini {
	position: relative;
}
#expand {
	position: absolute;
	top:-20px;
	left:130px;
	display: block;
	width: 18px;
	height: 18px;
	background-image: url('http://isaacymanu.com/tumblr/collections/zoom.png');
	/*background-image: url('img/fs.png');*/
	background-repeat: no-repeat;
	background-size:80%;
	-moz-background-size:80%;
	background-position: center center;
	font-size: 9px;
	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}


/*PLUS SECTIONS*/

#prensa a{
padding-top:5px;
padding-bottom:5px;
display: block;
background-image: url(img/link.png);
background-size: auto 10px;
background-position: center left;
background-repeat: no-repeat;
padding-left: 17px;
}

#content {
    margin: -10 0 0 380px;
}

	

.container {
    padding: 5px 5px 25px 5px;
    color:#000;
}

#content p { margin-left:30px; text-align: justify;}

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin-top:0px; padding: 0; }
#img-container p	{ width: 650px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#texto {
width: 60%;

}

#index {
	border: 1px solid #fff;
	background-size:auto 100px;
	background-repeat: no-repeat;
	position: relative;
	left: 15px;
text-align: center;
float: left;
border: 15px solid #fff;
margin-bottom: 10px;
}


#index:hover {
cursor:hand;
}

#index .nooo{
height: 70px;
width: auto;
-moz-box-shadow: 0 0 20px #aeb4ba;
-webkit-box-shadow: 0 0 20px #aeb4ba;
}

#index .shadow{
height: 70px;
width: auto;

}

#index .title{
	padding-top: 10px;
	padding: 5px 0px 5px 20px;
font-size: 10px;
-moz-background-size:15px;
background-size:15px;
background-position: 3px 3px;
background-repeat: no-repeat;
font-size: 9px;
}