@viewport{
	width: device-width;
/*	max-zoom: 3;
	min-zoom: 0.50;*/
}

::-moz-selection{color:#fff;background:#785ca2;}
::selection{color:#fff;background:#785ca2;}

*, html, body{
margin:0;
padding:0;
}

body{
background-color:#fff;
/*background-image:url(../images/backg_main.jpg);
background-size: cover;
background-attachment:fixed;*/
background-image:none;
font-family: 'Ubuntu Condensed', sans-serif;
font-weight:400;
}

a:link, a:active, a:visited, a:hover, .discoItemPortada img, .discoItemPortada img:hover{
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}

#wrap{
padding:0px;
margin:0px;
height:100%;
width:100%;
}

#header{
top:0px;
position:fixed;
margin:0px;
height:40px;
width:100%;
background-image:url(../images/backg_header.png);
background-repeat:repeat;
background-position:bottom;
border-bottom:4px solid #f2f2f2;
z-index:1000;
-webkit-box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.27);
-moz-box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.27);
box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.27);
font-family: 'Ubuntu', sans-serif;
font-weight:700;
}

#mainshit{
position:absolute;
top:45px;
padding:0px;
margin:0px;
width:100%;
min-height:90px;
}

#title{
position:relative;
margin:0px auto;
padding:0px;
max-height:189px;
max-width:650px;
/*margin-left:373px;*/
/*background-image:url(../images/backg_title.png);
background-repeat:no-repeat;
background-position:center;*/
z-index:900;
}

#maincontent{
position:relative;
float:none;
margin:10px auto;
padding:0px;
height:auto;
width:95%;
border-radius:4px;
border:4px solid #f2f2f2;
background-image:url(../images/backg_maincontent.png);
background-repeat:repeat;
-webkit-box-shadow:0px 0px 12px 2px rgba(50, 50, 50, 0.4);
-moz-box-shadow:0px 0px 12px 2px rgba(50, 50, 50, 0.4);
box-shadow:0px 0px 12px 2px rgba(50, 50, 50, 0.4);
}

.capaClearer{
clear:both;
}

.ribbonSection, .ribbonResult{
position:relative;
/*width:405px;
height:41px;
padding-top:8px;
background-image:url(../images/backg_ribbon.png);
background-repeat:no-repeat;*/
padding:3px 3px 3px 10px;
background-image:none;
border-radius:4px;
/*margin-left:-11px;
margin-top:10px;*/
margin:10px 0px 10px -11px;
font-family: 'Ubuntu', sans-serif;
font-weight:500;
font-size:4.5vw;
color:#fff;
text-shadow:1px 1px #845353;
width:95%;
height:auto;
background-color:#dd9e9f;
box-shadow:1px 1px 3px #6d3d3f;
}

.ribbonSection span, .ribbonResult span{
margin-left:20px;
}

#homelink{
width:130px;
height:35px;
position:relative;
top:2px;
left:10px;
float:left;
}

#homelink a{
display:block;
width:130px;
height:35px;
background-image:url(../images/homelink_a.png);
background-repeat:no-repeat;
}

#homelink a:hover{
background-image:url(../images/homelink_b.png);
}

#homelink a span{
display:none;
}

#searchShit{
float:right;
/*width:210px;*/
width:45%;
padding-left:35px;
height:35px;
position:relative;
top:2px;
}

#searchShit input[type="text"]{
/*width:173px;*/
width:100%;
height:33px;
padding:0px 4px;
border:1px solid #9790a2;
border-radius:4px;
font-family: 'Ubuntu Condensed', sans-serif;
font-weight:400;
font-size:17px;
color:#9f9f9f;
}

#about{
display:none;
float:left;
width:65px;
height:35px;
position:relative;
top:2px;
left:45px;
text-align:center;
font-size:19px;
}

.discoItem{
background-color:rgba(255, 255, 255, 0.5);
border-radius:4px;
box-shadow:1px 1px 2px #b1a2a8;
/*margin:10px 15px;*/
margin:0.5%;
padding:5px;
width:20%;
float:left;
}

.discoItemPortada{
text-align:center;
}

.discoItemPortada img, .discoItemPortada a{
border:none;
text-decoration:none;
}

.discoItemPortadaTxt a:link, .discoItemPortadaTxt a:active, .discoItemPortadaTxt a:visited{
color:#6f5d8b;
text-decoration:none;
}

.discoItemPortadaTxt a:hover{
color:#a28cc3;
}

.discoItemPortada img{
width:100%;
max-width:188px;
box-shadow:1px 1px 3px #6a6366;
}

.discoItemPortada img:hover{
opacity: 0.6;
filter: alpha(opacity=60);
}

.discoItemPortadaTxt, .discoDetalleTexto{
text-align:left;
color:#5d5d5d;
font-size:3.5vw;
font-size:0.8em;
}

/*menu letras*/
/* drop down */
#navletras{
display:none;
float:left;
width:65px;
height:35px;
position:relative;
top:2px;
left:35px;
text-align:center;
font-size:19px;
}

#navletras a, #about a{
display:block;
padding-top:12px;
width:65px;
height:23px;
}

#navletras a:link, #navletras a:visited, #navletras a:active, #about a:link, #about a:visited, #about a:active{
text-decoration:none;
color:#fff;
text-shadow:1px 1px #786a91;
}

#navletras a:hover, #about a:hover{
color:#e7dfff;
}

#navletras:hover > ul {
    opacity:1;
    visibility:visible;
}
#navletras ul {
	list-style-type:none;
    opacity:0;
    visibility:hidden;
    padding:0;
    width:510px;
    position:absolute;
    -moz-transition:opacity .25s linear, visibility .1s linear .1s;
    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
    -o-transition:opacity .25s linear, visibility .1s linear .1s;
    transition:opacity .25s linear, visibility .1s linear .1s;
	border:3px solid #f2f2f2;
	border-radius:4px;
	-webkit-box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.27);
	-moz-box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.27);
	box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.27);
	background-image:url(../images/backg_submenu.png);
	background-repeat:repeat;
}
#navletras ul li {
    float:left;
    margin:0;
	padding:3px;
}
#navletras ul a {
	font-size:15px;
/*	letter-spacing:1px;*/
	display:inline;
	padding:0px;
	margin:0px;
}

#navletras ul ul{
    left:160px;
    top:10px;
}
/*fin menu*/