/* CSS Document */

/* Padding y margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

/* Tama�os de los headers */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Estilos de las listas */
ol, ul {
list-style: none;
}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Bordes de las tablas */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Otros bordes */
fieldset, img {
border: 0;
}

/* Alineaci�n del texto */
caption, th {
text-align: left;
}

* {
	outline:none;
	padding:0;
	margin:0;
	
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9pt;
	background-color:#fff;
}

a:active {text-decoration:none; font-weight:bold; color:#6d6d6d;}
a:link {text-decoration:none;font-weight:bold; color:#6d6d6d;}
a:visited {text-decoration:none;font-weight:bold; color:#6d6d6d;}
a:hover {text-decoration:none; font-weight:bold;}


/*   COLORES PRINCIPALES QUE ME PIERDO */
/*   gris principal: #ababab */
/*   gris claro: #d9d9d9 */
/*   gris texto: #6d6d6d */
/*   azul CR: #0071b9 */
/*   magenta muñeca: #E2017B */
/*   reno: #f12800 */
/*   naranja india: #e36021 */
/*   amarillo japo: #fed040 */
/*   negro segurata: #38393b */
/*  verde niño: #b9cc0a */





h1 {margin:5px 0 0 120px; font-weight:normal; font-size:8pt; color:#444;}

#franja {
	top: 0px;
	height: 5px;
	width: 100%;
	background-color: #ababab;
	display:block;
	font-size:1pt;
}

#franjaDesplegada {
	top: 0px;
	height: 65px;
	width: 100%;
	background-color: #ababab;
	margin-bottom: 5px;
	display:block;
}

#franjaDesplegada img {
	width:52px;
	height:55px;
	border:1px solid #fff;
	margin: 4px 0 4px 2px;
	cursor:pointer;
}

#franjaDesplegada li :hover {border:1px dotted #000;}

#franjaDesplegada li {display:inline;}
.botonCollection {padding-left:10px;}
.botonCollection a {width:auto; background:none; position:absolute;margin: -22px 0 0 0;}

.collection {
	top:320px;
	left:0;
	position:absolute;
	display:block;
	float:left;
	z-index:0;
}


/* MENU */

#menu, #menu2 {
	width:120px;
	height:auto;
	float:left;
	display:inline;
	position:absolute;
	z-index:999;
}

#menu2 {position: absolute; top: 850px; left: 0pt; padding-bottom:15px;}

#menu ul, #menu2 ul {
	margin:0;
	padding:0;
}

 .catActivada{
        color:#FFFFFF;
        padding-left:40px;
        padding-right:3px;
        text-decoration:none;
        } 

#menu li, #menu2 li, a {
	width:65px;
	height:17px;
	color:#fff;
	background-color:#ababab;
	font-weight:bold;
	font-variant:small-caps;
	display:block;
	margin:0 0 2px 0;
	text-align:right;
	padding-right:3px;

}

#menu2 li {float:left; display:inline; margin:0 0 2px 0; padding:0;}

#menu li a:link, #menu2 li a:link {text-decoration:none; color:#fff;}
#menu li a:visited, #menu2 li a:visited {text-decoration:none; color:#fff;}
#menu li a:hover, #menu li a:active, #menu li a:focus, #menu2 li a:hover, #menu2 li a:active, #menu2 li a:focus {text-decoration:none; color:#fff; padding-left:40px; padding-right:3px;}



/* CONTACTO */

.contacto {
	display:block;
	margin:8px 0 0 15px;
	position:absolute;
	float:left;
	top:700px;
	left:0;
}

.contacto a {
	background:none;
	color:#6d6d6d;
	text-align:left;
	font-variant:normal;
	width:auto;

}

.contacto a:hover {color:#000;}

.contacto li {list-style:none; line-height:1.2em;}
.mail {width:107px; color:#fff; padding:0 2px;}
.politica {margin:15px 0 0 0; font-size:7pt; width:130px;}

/* PORTFOLIO */

.cerrar {
	height:30px;
	width:125px;
	margin:50px 0 0 150px;
	font-size:8pt;
}

.cerrar a {width:auto; background:none; position:absolute;}

#formulario a {background-color:#ffffff; padding:0 5px 0 0!important; height:auto; width:40px; text-align:right; float:right; margin:-15px 0 0 0; font-size:11px; font-variant:small-caps;}

#portfolio {
	height:auto;
	position:absolute;
	margin-left:150px;
	z-index:1;
	float:left; display:inline;
	width:85%;	
}

#portfolio a {display:inline; padding:0;}

#portfolio input, textarea {
	border:none;
	border-left:1px solid #ccc;
	background-color:#eee;
	display:block;
	margin:8px 0 0 10px;
	width:325px;
	height:15px;
	font-variant:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444;
	font-size:8pt;
	padding:5px 0 2px 2px;
}

textarea {overflow:hidden;height:25px;}


.tipo {width:20px; background-color:#fff; position:relative; float:left; margin-left:-34px; padding:0 2px 1px 2px; font-variant:small-caps; font-weight:bold; text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif;}


.cuadrox1, .cuadrox2, .cuadrox3, .cuadrox4, .chorrada {
	width:125px;
	height:125px;
	margin:0 10px 10px 0;
	float:left;
	background-color:#ababab;

}

.cuadrox2 {width:260px;background-color:#EEEEEE;}
.cuadrox3 {width:395px; background-color:#eee;}
.cuadrox4 {width:260px; height:260px}
.chorrada {background-color:#fff;}
.chorrada p {margin:5px 2px 2px 2px; text-align:center; color:#6d6d6d; font-weight:normal;}
.chorrada h1 {font-weight:bold; font-style:italic; text-align:center; margin:0; font-size:9pt; color:#6d6d6d;}
.chorrada h2 {font-weight:normal; text-align:center; line-height:14px;}
.cuadrox3 p {margin:6px; height:110px; overflow:hidden; line-height:11pt; font-size:100%;}

.cuadrox3 p a {background:none; font-variant:normal; font-size:8pt; font-weight:normal;}
.cuadrox3 p a:hover {color:#000;}


#paginador {}
#paginador a {background-color:#fff; padding:0 15px; height:auto; width:30px; text-align:right; float:right; margin:100px 0 0 0; font-size:11px;}

.titularNewsletter {
	font-weight:bold;
	padding-bottom:4px;
	font-size:9pt;
	display:inline;
	
}

.fechaNewsletter {
	font-style:italic;
	display:block;
	padding-bottom:4px;
	font-size:7pt;
	
}

#portfolio textarea {
	width:325px;
}

/* ETIQUETAS */

#etiquetas {
	width:1050px;
	height:auto;
	margin-top:15px;
	margin-left:200px;
	z-index:1;
	text-align:center;
	color:#ababab;
	line-height:1.25em;
	overflow:hidden;
	display:none;
	
}

#etiquetas a {font-variant:normal; background:none; float:left; color:#ababab; overflow:hidden; padding-right:0; margin-right:3px; width:auto;}
#etiquetas a:hover {text-decoration:underline; color:#E2017B;}

/* HTML LEGAL + NEWSLETTERS */

#izquierda {float:left; display:inline; line-height:1.25em;}
#izquierda img {margin:0;max-height:600px; height:auto!important; height:600px;}
#rev {margin:15px 0 15px 15px;}

#derecha, #derechaNewsletters {float:left; display:inline; text-align:left;margin:20px 5px 5px 5px; padding:5px; background-color:#fff; }

#derecha h2, #derechaNewsletters h2 {width:200px; font-size:14px; color:#444; margin-bottom:10px;}
#derecha p, #derecha ul, #derechaNewsletters ul, #derechaNewsletters p {line-height:1.25em; margin-bottom:10px; width:200px;}
#derecha ul, #derechaNewsletters ul {list-style:decimal-leading-zero; list-style-position:outside; margin-left:5px;}
#derechaNewsletters ul {border-left:1px solid #ccc; padding-left:15px; width:350px; list-style:none;}
#derechaNewsletters ul li {margin-bottom:4px;}

#derecha ol {width:350px; list-style:none;}

#derecha ul li {margin-bottom:4px; margin-left:25px;}
#derecha ol li {display:block; line-height:1.2em;}

#derechaNewsletters a {text-decoration:none; color:#bbb; background-color:#fff!important; font-variant:normal; display:inline; font-weight:normal;}
#derechaNewsletters a:hover {color:#0071b9;}

#derecha a {text-decoration:none; color:#444; background-color:#fff!important; font-variant:normal; display:inline; font-weight:normal;}
#derecha a:hover {color:#0071b9;}
#derecha a:visited {text-decoration:line-through; color:#999;}

.trabajosRelacionados {font-weight:bold; font-size:14px; color:#444; margin-bottom:10px; list-style:none; line-height:1.25em; display:block;}


/* FORMULARIO */

.error {
    color:#9c1e3d;
}

/* twitter */
#twitter a 
{
	background:none;
	margin:0;
	padding:0;
	width:auto;
	float:left;
	display:inline;
} 
#twitter{
	/*float: right; 
	display: inline; 
	left: 0pt; */
	position:absolute;
	right:0;
	margin-top: 20px;
	width:auto  !important;width:600px;
	
}
#my_twitter_status{float:right; display: inline; max-width:550px; width:auto; text-align:right; }
#my_twitter_status_time{float:right; display: block; color:#777; text-align:right; font-size:11px;}

/* twitter2 */
#twitter2 {float:left; display:inline; margin:0; padding:0;}
#twitter2 li:hover, #twitter2 a:hover, #twitter2 a:active, #twitter2 a:focus {background-color:#a9e8ed!important;}

/* facebook */
#facebook {float:left; display:inline; margin:0; padding:0;}
#facebook li:hover, #facebook a:hover, #facebook a:active, #facebook a:focus {background-color:#025aa2!important;}

/* FORMULARIO PÁGINA DETALLE */

.contacta input, .contacta textarea {
	border-left:3px solid #666;
	border-right:none;
	border-bottom:1px dotted #444;
	border-top:none;
	font-size:12px;
	color:#444;
	margin:0 0 8px 0;
	
}

.contacta label {display:block;}
.contacta li {margin:0 0 8px 0; list-style:none;}
input.enviar {cursor:pointer; padding:2px; color:#fff; background-color:#444;font-size:11px; }
input:hover.enviar {color:#fff; background-color:#E2017B; }