/*

ESTUDIO YUSSO
22/07/2010

*/

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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/*---------------------------------------------------------------------------------------------------*/

img {
   background: white url("../imgs/loading.gif") no-repeat center;
}

body {
	background: white url("../imgs/bg.jpg") repeat center;
}

.left {
float: left
}

.right {
float: right
}

/* BODY */
#container {
	margin:auto;
	position:relative;
	height:652px;
	width:893px;
	margin-top:10px;
	background:url("../imgs/bg-bd-container.png") no-repeat center;
}

#social {
	position: absolute;
	right: -35px;
	bottom: 35px;
}

#hd {
	float:left;
	height:620px;
	padding:7px 0 0 17px;
	width:210px;
}

#bd {
	float:left;
	height:610px;
	padding:16px 10px 0;
	position:relative;
	width:620px;
}

#ft {
	bottom:-50px;
	color:white;
	font-family:verdana;
	font-size:11px;
	left:29%;
	line-height:20px;
	position:absolute;
	text-align:center;
	text-decoration: none;
}

#bd.clientes {
	height:300px;
	margin:190px 0 0 85px;
	width:460px;
}
/* FIN BODY */

/* HEADER CONTAINER */
#hd .logo {
	background:url("../imgs/ic-hd-logoYusso.png") no-repeat scroll center center transparent;
	display:block;
	height:200px;
	text-indent:-5000px;
	width:153px;
	margin:44px 0 44px 28px;
}

#hd ul {
	margin-left:13px;
}

#hd ul li{
	padding-left:15px;
	margin-bottom:30px;
}

#hd ul li.activo{
	background:url("../imgs/bg-hd-li.png") no-repeat left center;
}

#hd ul li a{
	color:white;
	font-weight:normal;
	letter-spacing:1px;
	text-decoration:none;
	font-size:16px;
	font-family: Georgia;
}

/* FIN HEADER CONTAINER */


/* SOCIAL */
#social .mail,#social .facebook {
	background: url("../imgs/contacto.png") no-repeat center;
	width: 45px;
	height: 45px;
	clear: both;
	display: block;
	text-indent: -5000px;
	margin-top: 15px;
}

#social .mail {
	background: url("../imgs/contacto.png") no-repeat center;
}

#social .facebook {
	background: url("../imgs/fb.png") no-repeat center;
}
/* FIN SOCIAL */

/* BODY CONTAINER */
#bd h1, #bd form a {
	font-family:georgia;
	font-size:36px;
	font-weight:normal;
	line-height:42px;
	color:#1C1C1C;
	text-decoration:none;
}
/* FIN BODY CONTAINER */

/* SERVICIOS */
#bd.servicios {
	padding:30px;
	width:580px;
	font-family: trebuchet MS;
}

#bd.servicios.links ul li {
	clear:both;
	margin-bottom:20px;
}

#bd.servicios h1 {
	color:brown;
	font-size:20px;
	text-align:right;
	text-decoration:underline;
	text-transform:uppercase;
}

#bd.servicios .info {
	height:535px;
	overflow:auto;
	padding-right:5px;
	width:575px;
}

#bd.servicios h2 {
	font-size:14px;
	font-weight:bold;
	line-height:26px;
}

#bd.servicios p, #bd.servicios ul {
	font-size:13px;
	line-height:24px;
}

#bd.servicios ul {
	margin-bottom: 20px;
}

#bd.servicios ul li {
	background:url("../imgs/bullet-botonera.png") no-repeat scroll left 9px transparent;
	padding-left:10px;
}

#bd.servicios.clientesDentro .info {
 height: 520px;
}

#bd.servicios.clientesDentro ul li {
	background:none repeat scroll 0 0 transparent;
	padding-left:0;
	margin: 0px;
	width:96%;
}

#bd.servicios ul li a {
 color: black;
 text-decoration: none;
 display: block;
 clear: both;
}

#bd.servicios ul li a:hover {
 color: brown;
 text-decoration: underline;
}

/* FIN SERVICIOS */

/* DOWNLOADS */

#bd.downloads ul li {
background:none repeat scroll 0 0 transparent;
margin:11px 0 0;
padding:10px 0 10px 60px;
}

#bd.downloads ul li.pdf, #bd.downloads ul li.word, #bd.downloads ul li.excel, #bd.downloads ul li.generic {
background-image:url("../imgs/bg-li-downloads.png");
background-repeat: repeat-y;
}

#bd.downloads ul li.pdf {
background-position:left top;
}

#bd.downloads ul li.word {
background-position:left 172px;
}

#bd.downloads ul li.excel {
background-position:left 112px;
}

#bd.downloads ul li.generic {
background-position:left bottom;
}

#bd.downloads ul li a, #bd.downloads ul li a h2, #bd.downloads ul li a p {
	font-family: Georgia;
	color:#1c1c1c;
	font-size:16px;
	line-height: 18px;
	text-decoration:none;
	font-weight: normal;
}

/* FIN DOWNLOADS */


/* FORM CLIENTES */

#bd.clientes p {
	font-family: Georgia;
}

#bd form input {
	background:none repeat scroll 0 0 transparent;
	border:1px solid gray;
	clear:both;
	color:#9C091C;
	display:block;
	font-size:20px;
	height:30px;
	margin-top:10px;
	padding:0 3px;
	vertical-align:middle;
	width:300px;
}

#bd form a {
-moz-background-size:auto auto;
-moz-border-radius:5px 5px 5px 5px;
background-attachment:scroll;
background-color:#333;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:white;
display:block;
font-size:18px;
height:35px;
line-height:30px;
margin-top:15px;
text-align:center;
width:100px;
}

/* FIN FORM CLIENTES */