/* 
Theme Name: Concrete
Author: Camila Gimeno
Version: 1.0
*/
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, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
:focus{outline:none;}
a img, table, frame, frameset{border:none;}
a {text-decoration:none;color:#0F0;}
a:hover {text-decoration:underline;}
p{
	margin-top:5px;
	margin-bottom:8px;
}
ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

/*Layout*/
#layout{
	width:100%;
}
#layout td{vertical-align:top;}
/*WordPress*/
#searchform {
}
#s {float:right;} /*Search box*/
.pm {
  margin-top:0px;
  color:#55c148;
}
.alt {}
#comments .col2 td{
  vertical-align:top;
}
#comments .col2 td.left{
  text-align:right;
  padding-right:10px;
  font-size:11px;
}
.current_page_item {font-weight:bold;}
/*Formularios*/
form {
	margin:0px;
	padding:0px;
}
input.txt, textarea {
  border:1px solid;
  border-color: #999 #bbb #ddd;
	padding:2px 3px;
}
input.txt:focus, textarea:focus{
  border-color: #390 #55c148 #9f6;
}
#contenido {
	padding:15px 35px;
}
h1, h2, h3 {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
}

/*Widgets varios*/
a.help {cursor: help;}
.hide {display:none;}
.show {display:inline;}
.clear {clear: both;}

/*CONCRETE CAMI*/
body {
background: #000 url(images/fondoconcrete.jpg) repeat-y top center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.post {
	clear:left;
	margin-top:15px;
	margin-bottom:20px;
}
h2{
	font-size:200%;
	margin-bottom:15px;
}
h3{
	font-size:180%;
	margin-bottom:20px;
}
.num-dia{
	font-size:11px;
        font-weight:bold;
}
#wrap {
width: 900px;
margin: 0px auto;
color: #fff;
overflow:hidden;
}
#header {
height: 122px;
width: 900px;
float: left;
}
#logo {
width: 231px;
height: 122px;
float: left;
display:block;
background-image: url(images/logoconcrete.png);
margin-top:4px;
}
#header #logo:hover {
background-image: url(images/logoconcretehover.png);
}
#menu {
	width: 655px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 16px;
	height: 122px;
	overflow: hidden;
}
#menu a {
	color: #000;
	text-decoration: none;
}
#menu span {
	display:block;
	overflow: hidden;
	float: left;
	padding-top: 102px;
	background-position: right 0px;
	height:122px;
	text-align:center;
}
#header #menu #activo, #header #menu a:hover {
color: #00FF00;
}
.blog #blogicon, .videos #videosicon, .photos #photosicon, .tunes #tunesicon, .thecompany #thecompanyicon{
	background-position: left 0px;
}
#blogicon {
	width: 155px;
	background-image: url(images/blogicon.png);
}
#blogicon:hover, #blogicon.active {
background-position: 8px 0px;
color: #00FF00;
}
#videosicon {
background-image: url(images/videosicon.png);
width: 90px;
}
#videosicon:hover, #videosicon.active {
background-position: left 0px;
}
#photosicon {
background-image: url(images/photosicon.png);
width: 94px;
}
#photosicon:hover, #photosicon.active {
background-position: left 0px;
}
#tunesicon {
background-image: url(images/tunesicon.png);
width: 83px;
}
#tunesicon:hover, #tunesicon.active {
background-position: left 0px;
}
#thecompanyicon {
width: 115px;
background-image: url(images/thecompanyicon.png);
}
#thecompanyicon:hover, #thecompanyicon.active{
background-position: left 0px;
}
#contacticon {
width: 116px;
background-image: url(images/contacticon.png);
font-weight: normal;
}
#contacticon:hover, #contacticon.active {
background-position: left 0px;
}
#homeleftcol {
width: 500px;
margin-top: 33px;
float: left;
}
#homevideo {
float: left;
width: 530px;
height: 327px;
color: #000000;
margin-top: 10px;
text-align: left;
}
#concactcol {
width:500px;
margin-left:257px;
}
#concactcol #adress {
height: 200px;
width: 220px;
float:left;
}
#concactcol #email {
height: 200px;
width: 220px;
float:left;
}
#concactcol #email a {
text-decoration: none;
color: #fff;
}
#concactcol #email a img {
border: none;
}
.fecha {
float: left;
height: 25px;
width: 40px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
cursor:default;
color:#aaa;
font-size: 10px;
margin-bottom:12px;
margin-right:10px;
text-align:center;
}
#sidebar h3{
font-size: 15px;
padding-top: 10px;
margin-bottom: 20px;
}
#bordesuperior {
width: 750px;
float: left;
height: 33px;
margin-left: 300px;
}
#blogcol {
float: left;
height: auto;
width: 690px;
margin-left: 240px;
}
#blogcol #contenido {
width: 560px;
float: left;
height: auto;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.04em;
text-align: justify;
margin-left: 130px;
}
#blogcol #blogtag {
float: left;
height: 17px;
width: 110px;
padding-right: 20px;
font-family: Arial, Helvetica, sans-serif;
color: #00FF00;
font-size: 12px;
text-align: right;
padding-top: 8px;
}
#blogline {
width: 660px;
float: left;
margin-left: 290px;
height: 10px;
background-image: url(images/blogline.png);
margin-top: 15px;
margin-bottom: 15px;
}
.thecompany #wrap #blogline {
width: 600px;
margin-left: 350px;
}
.blog #search {
height: 24px;
width: 107px;
float: left;
margin-left: 22px;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
background-image: url(images/search.png);
padding-top: 5px;
padding-left: 40px;
}
.blog #search input {
background-color: #fff;
width: 100px;
border: none;
border: #fff;

}
#sidebar .content {
width: 290px;
font-size: 12px;
color: #fff;
text-indent: 0px;
line-height: 12px;
margin-bottom: 12px;
margin-top: 4px;
}
#tunepreview {
float: left;
height: 27px;
width: 290px;
color: #fff;
font-family: "Courier New", Courier, monospace;
font-size: 10px;
font-weight: bold;
margin-top: 4px;
margin-bottom: 12px;
}
#photopreview {
width: 290px;
float: left;
margin-top: 8px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;
height: 110px;
overflow: hidden;
}
.thecompany #wrap #blogcol #titulo {
margin-left: 0px;
}
#sidebar h2 {
margin-top: 0px;
margin-bottom: 10px;
}
#videosubtitulo {
float: left;
font-family: "Eurostile LT Std Ext Two";
font-size: 12px;
color: #fff;
font-weight: normal;
width: 220px;
padding-top: 10px;
margin-bottom: 2px;
}
#videopreview {
height: 138px;
float: left;
width: 250px;
text-indent: 0px;
text-align: left;
white-space: normal;
line-height: 12px;
overflow: hidden;
margin-bottom: 12px;
margin-top: 4px;
}

#videotitulorightcol {
margin-top: 0px;
margin-bottom: 10px;
width: 250px;
}
#sidebar{
	margin-top: 33px;
	float: right;
	padding-top: 8px;
}
.home #sidebar{
	width: 290px;
	margin-left: 33px;
}
.video #sidebar {
width: 270px;
margin-left: 53px;
}
#footer {
height: 15px;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
color: #ccc;
text-align: right;
padding:10px;
margin-top: 20px;
margin-bottom: 12px;
clear:both;
}
#footer a {
color: #fff;
text-decoration: none;
}
#footer a:hover {
color: #0f0;
}
#construction {
	color: #fff;
	text-align: center;
	font-size: 1.3em;
	padding: 8px;
}
#construction h2 {
	font-size: 1.6em;
}
/* inicio css album */
.albumpreview {
	margin-top: 15px;
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	width: auto;
	margin-right: 22px;
	float: left;
}
.albumpreview img {
	height: 120px;
	margin:7px auto 0px;
	border: 4px solid #fff;
}
.albumpreview  img:hover  {
	border-color: #0f0;
}
/*fin css album */
.videolist img{
	border:4px solid #fff;
}
.videolist img:hover {
	border:4px solid #666;
}
.videolist{
	height:390px;
	overflow:auto;
	position:relative;
	left:120px;
	width:177px;
	top:21px;
        text-align: center;
}
#sidebar .videolist h3{margin-bottom:3px;}
.videoshow img{
	display:none;
}
.videoshow object, .videoshow embed{
	display:block;
	margin:15px 0;
}
.videolist object, .videolist embed{
	display:none;
}
.videolist .video{
	float:left;
	width:140px;
	margin-bottom:20px;
	margin-right:20px;
}
.nav{
	padding:20px 10px;
	text-align:right;
	clear:both;
}
.nav a{
	margin:0px 3px;
}
.piclenselink{display:none;}
#contenido .ngg-album{
	float:left;
	border:none;
	padding:10px;
}
.linkscol {
	width: 260px;
	height: 600px;
	float: right;
	margin-left: 50px;
        margin-top: 43px;
	font-family: "Courier New", Courier, monospace;
	color: #00FF00;
	font-weight: bold;
	font-size: 15px;
	background-color: #000000;
}
#titrelinks {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #FFFFFF;
}
.blogroll { /*.linksupdates {*/
	height: 600px;
	width: 240px;
	background-image: url(images/cadre-links.jpg);
	background-repeat: no-repeat;
	padding-left: 17px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	list-style-type:circle;
	list-style-position:inside;
}
.blogroll a {
	color: #FFFFFF;
	text-decoration: none;
}
.blogroll a:hover {
	color: #00FF00;
	text-decoration: none;
}