/*** CSS: www.davidortiz.es ***/

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;	
}

body{
	background:#FFF;
	font:11px "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
	color:#777;
	line-height:1.2em;
}

img{
	border:0;
	padding:0;
}
a{text-decoration:none;color:#777;}
a:visited{color:#777;}
a:hover{color:#000;}
h1{
	color: #000000;
    font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    height: auto;
    line-height: 0.8em;
    margin: 8px 0 0 10px;
    padding: 0;
    width: auto;
}
h2{
	color:#000;
	font-size:1em;
	font-weight:bold;
	padding:0;
	line-height:1.2em;
	margin:46px 0 2px 10px;
}
h3{
	color:#000;
	font-size:1em;
	font-weight:bold;
	padding:0;
	line-height:1.2em;
	margin:25px 0 2px 8px;
}
h4, h5{
	color:#000;
	font-size:1em;
	font-weight:bold;
	padding:0;
	line-height:1.2em;
	margin:0 0 2px 8px;
}
#leftBox{
	/*background:rgba(255,255,255,0.65);*/
	height:700px;
	margin:0;
	padding:20px 20px 0 19px;
	width:180px;
	position:fixed;
	top:0;
	left:0;
	/*float:left;*/
	z-index:1;
	/*opacity:0.5;*/
}
#leftBox a.logo{
	background: url("../img/do.png") 0 0 no-repeat;
	width:90px;
	height:90px;
	float:left;
	overflow:hidden;
	margin:0 80px 10px 0;	
}
#leftBox a.davido{
	border-bottom: 1px solid;
    color: #000000;
    font-size: 1.15em;
    font-weight: normal;
    height: auto;
    margin: 0 0 0 10px;
    padding-bottom: 0.5px;
    width: auto;
}
#leftBox a.davido:hover{
	color:#FFF;
	border-bottom: 1px none transparent;
    color: #000000;
	padding: 0 0 2px;
}
#leftBox .rayas{
	width:auto;
	height:auto;
	margin:15px 0;
}
#leftBox ul#menu{
	width:auto;
	height:auto;
	margin:30px 0 0 0;
	font-size:11px;
}
#leftBox ul#menu li.section{
	width:auto;
	height:auto;
	margin:0;
	list-style:none;
	margin:13px 0 1px 10px;
	color:#000;
}
#leftBox ul#menu li.work{
	width:auto;
	height:auto;
	margin:0 0 0 0;
	list-style:none;
	line-height:1.4em;
}
#leftBox ul#menu li.work a{
	width:auto;
	height:auto;
	margin:0;
	color:#777;
	text-decoration:none;
}
#leftBox ul#menu li.work a:visited{color:#ccc;}
#leftBox ul#menu li.work a:hover{color:#000;}
#leftBox ul#menu li.contacto{
	width:auto;
	height:auto;
	margin:20px 0 0 10px;
	list-style:none;
	line-height: 1.4em;
}
#leftBox ul#menu li.contacto a{
	width:auto;
	height:auto;
	margin:40px 0 0 0;
	list-style:none;
	text-decoration:none;
}
#leftBox ul#menu li.contacto a:hover{color:#000;}
#leftBox ul#menu li.redsocial{
	width:auto;
	height:auto;
	margin:0 0 0 10px;
	list-style:none;
	line-height: 1.4em;
}
#leftBox ul#menu li.redsocial a{
	width:auto;
	height:auto;
	margin:0;
	text-decoration:none;
}
#leftBox ul#menu li.redsocial a:hover{color:#000;}
#wrapper{
	height:auto;
	width:auto;
	margin-right:auto;
	margin-left:234px;
	/*overflow:hidden;*/
	position:relative;	
}
#wrapperH{
	height:auto;
	width:auto;
	margin-right:auto;
	margin-left:250px;
	/*overflow:hidden;*/
	position:relative;	
}
#content{
	height:auto;
	margin:35px 0 0 0;
	width:650px;
	float:left;
	font-size:11px;	
}
#contentIndex{
	height:auto;
	margin:0;
	width:750px;
	float:left;
	font-size:11px;	
}
#contentIndex img.inicio{
	margin: 150px 0 0 180px;
}
#content_contacto{
	height:auto;
	margin:55px 0 0 50px;
	width:650px;
	float:left;
	font-size:11px;	
}
#content_contacto a.mail:hover{color:#000;}
#content_contacto a.link{
	height:auto;
	width:auto;
	margin:20px 0 0 0;
	color:#000;
}
#content_contacto a.link:hover{
	border-bottom: 1px solid;
	color:#000;
}
#content img{
	float:right;
	margin-right:20px;
}
#wrapperH #content img{
	float:left;
	margin:0 40px 30px 0;
}
#content .imgVertical{
	margin-bottom:30px;
}
#content #wordsFixed{
	height:auto;
	width:200px;
	/*float:left;*/
	/*margin:0 0 0 650px;*/
	position:absolute;
	top:34px;
	left:657px;
}
#content #wordsFixed p.texto{
	height:auto;
	width:auto;
	margin:0 0 10px 0;
	line-height:1.4em;
}
#content_contacto p.texto{
	height:auto;
	width:450px;
	margin:0 0 10px 0;
	line-height:1.4em;
}
#content #wordsFixed p.texto2, #content_contacto p.texto2{
	height:auto;
	width:450px;
	margin:0 0 0 0;
	line-height:1.4em;
}
#content #wordsFixed p.texto3, #content_contacto p.texto3{
	height:auto;
	width:450px;
	margin:0 0 15px 0;
	line-height:1.4em;
}
#content #wordsFixed p.texto4, #content_contacto p.texto4{
	height:auto;
	width:450px;
	margin:0 0 20px 0;
	line-height:1.4em;
}
#content #wordsFixed p.cliente{
	height:auto;
	width:auto;
	margin:20px 0 10px 0;
}
#content #wordsFixed a.link{
	height:auto;
	width:auto;
	margin:20px 0 0 0;
	color:#000;
}
#content #wordsFixed a.link:hover{
	border-bottom: 1px solid;
	color:#000;
}
#content #words{
	height:auto;
	width:200px;
	float:left;
}
#content #words p.texto{
	height:auto;
	width:auto;
	margin:0 0 10px 0;
}
#content #words p.cliente{
	height:auto;
	width:auto;
	margin:20px 0 0 0;
}
#content #words a.link{
	height:auto;
	width:auto;
	margin:0;
	color:#000;
}
#content #words a.link:hover{
	color:#000;
	text-decoration:underline;
}
.idiomaIndex{
	padding: 0 0 2px;
    left: 901px;
    margin: 20px 0 0 0;
    position: fixed;
    top: 0;
    width: auto;
}
.idiomaIndex a{
	color:#000;
	border-bottom: 1px solid;
    color: #000000;
	padding: 0 0 2px;
}
.idiomaIndex a:hover{
	color:#FFF;
	border-bottom: 1px none transparent;
    color: #000000;
	padding: 0 0 2px;
}
.idioma{
    left: 901px;
    margin: 20px 0 0 0;
    padding: 0 0 2px;
    position: fixed;
    top: 0;
    width: auto;
}
.idioma a{
	color:#000;
	border-bottom: 1px solid;
    color: #000000;
	padding: 0 0 2px;
}
.idioma a:hover{
	color:#000;
	border-bottom: 1px none transparent;
    color: #000000;
	padding: 0 0 2px;
}
.idioma2{
    left: 781px;
    margin: 20px 0 0 0;
    padding: 0 0 2px;
    position: fixed;
    top: 0;
    width: auto;
}
.idioma3{
    left: 774px;
    margin: 20px 0 0 0;
    padding: 0 0 2px;
    position: fixed;
    top: 0;
    width: auto;
}
.idioma2 a, .idioma3 a, .idiomaMovieposters a, .idiomaLittle a, .idiomaCasIndex a, .idiomaCas a, .idiomaChristmas a, .idiomaVino a, .idiomaLetra a, .idiomaKit a{
	color:#000;
	border-bottom: 1px solid;
    color: #000000;
	padding: 0 0 2px;
}
.idioma2 a:hover, .idioma3 a:hover, .idiomaMovieposters a:hover, .idiomaLittle a:hover, .idiomaCasIndex a:hover, .idiomaCas a:hover, .idiomaChristmas a:hover, .idiomaVino a:hover, .idiomaLetra a:hover, .idiomaKit a:hover{
	color:#000;
	border-bottom: 1px none transparent;
    color: #000000;
	padding: 0 0 2px;
}

.idiomaCasIndex{
    margin: 20px 0 0 0;
    padding: 0 0 2px;
	position: fixed;
	top:0px;
	left:901px;
}
.idiomaCas{
	width:auto;
    margin: 20px 0 0 9px;
    padding: 0 0 2px;
	position: fixed;
	top:0px;
	/*left:899px;	*/
}
.idiomaChristmas{
	width:auto;
    margin: 20px 0 0 0;
    padding: 0 0 2px;
	position: absolute;
	top:0px;
	left:3136px;
}
.idiomaVino{
	width:auto;
    margin: 20px 0 0 0;
    padding: 0 0 2px;
	position: absolute;
	top:0px;
	left:900px;
}
.idiomaLetra{
	width:auto;
    margin: 20px 0 0 0;
    padding: 0 0 2px;
	position: absolute;
	top:0px;
	left:1052px;
}
.idiomaKit{
	width:auto;
    margin: 20px 0 0 0;
    padding: 0 0 2px;
	position: absolute;
	top:0px;
	left:3154px;
}
.idiomaLittle{
	width:auto;
    margin: 20px 0 0 0;
    padding: 0 0 2px;
	position: absolute;
	top:0px;
	left:1181px;
}
.idiomaMovieposters{
	color:#000;
	margin:20px 0 0 0;
	width:auto;
	padding:0 5px 2px 5px;
	position: absolute;
	top:0px;
	left:2085px;
}

