/* 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, 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:11px;
	background-color:#fff;
}

a {text-decoration:none; font-weight:bold; color:#444;}
a:hover {}


/*   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 */


.azul {background-color: #0071b9; color:#fff; }
.magenta { background-color: #E2017B; color:#000; }
.rojo { background-color: #f12800; color:#000; }
.naranja {background-color: #e36021; color:#000; }
.amarillo {background-color: #fed040; color:#000; }
.negro {background-color: #38393b; color:#fff; }
.verde {background-color: #b9cc0a; color:#000; }
.morado {background-color: #b87de6; color:#000; }
.celeste {background-color: #9af2f8; color:#000; }
.gris, .grisHeader {background-color: #ccc; color:#000; }
.rotateText
{
	 -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     writing-mode: lr-tb;

}

a#rotateText {color:#E2017B;}
a:hover#rotateText {color:#0071b9;}

a#bannerSocial {display:block!important; text-indent:-9999px; width:125px; overflow:hidden; height:125px; background:url(../img/banner_social.jpg) no-repeat;}
a:hover#bannerSocial {background-position:0 -125px;}

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

#franjaDesplegada {
	top: 0px;
	height: 65px;
	width: 100%;
	background-color: #eee;
	display:block;
	overflow:hidden;
}

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

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

.titulo {font-weight:bold;}
.listado {width:120px; margin:10px 0 0 15px; float:left; display:inline;padding:0 0 10px; list-style-position:outside;}
.listado li {border-bottom:1px dotted #ccc; padding: 3px 0;}

.botonCollection {padding-left:10px;height:70px;}
.botonCollection a {width:auto; background:none; position:absolute;}

.collection {
	top:380px;
	right:60px;
	position:absolute;
	display:block;
	z-index:-1;
}

#menu {}
#menu li {}
#menu2 {display:none;}


/* CONTACTO */

.contacto {
	margin:0 0 0 5px;
	width:355px;
	overflow:hidden;
}

.contacto li {display:inline; line-height:1.2em;}
.mail {width:107px; color:#fff; padding:0 2px;}
.politica {margin:15px 0 0 0; font-size:10px; width:130px;}

/* PORTFOLIO */

.cerrar {width:125px; margin:60px 0 0 -55px; position:absolute;}
.cerrar:hover {margin:60px 0 0 0px;}

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

#portfolio {
	height:auto;
	position:absolute;
	margin:125px 0 0 10px;
	z-index:1;
	float:left; display:inline;
	width:75%;
	padding:0 0 25px;
}

#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:160px;
	height:15px;
	font-variant:normal;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444;
	font-size:11px;
	padding:5px 0 2px 2px;
}

#form input {background-color:#fff; border:0; width:125px;margin:10px 2px 0 0;}
textarea {overflow:hidden;height:20px;}

.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:11px; color:#6d6d6d; width:auto;}
.chorrada h2 {font-weight:normal; text-align:center; line-height:14px;}
.cuadrox3 p {margin:6px; height:110px; overflow:hidden; line-height:13px; font-size:11px;}

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

#paginador {background-color:#fed040;}
#paginador a {background-color:#000; padding:0 10px; margin:100px 0 0 65px; font-size:11px; color:#fff; position:absolute; font-variant:small-caps;}
#paginador a:hover {color:#000;background-color:#fff;}

.titularNewsletter {
	font-weight:bold;
	padding-bottom:4px;
	font-size:12px;
	display:block;
	
}

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

#portfolio textarea {
	width:225px;
}

/* 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  {width:225px;}
#derecha ol {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;}

.contacta li {margin:0 0 5px;}
.contacta li label {display:block;}
.contacta li input, .contacta li textarea {background-color:#eee; border:none;}
.contacta li input:focus, .contacta li textarea:focus {background-color:#ddd;}
.enviar {cursor:pointer; padding:2px;}
.enviar:hover {background-color:#E2017B; color:#fff;}

.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 {background:url(../img/twitterbox.jpg) no-repeat #fff;}

.textoTwitter {}

#menuCollection {display:block; position:absolute;}
#menuCollection li {float:left; display:inline; margin:0 3px 0 0;}
#menuCollection li a {padding: 5px; display: block; text-align: center; font-size:12px; font-variant:small-caps;}
#menuCollection li a:hover {background-color:#eee;}
#menuCollection li a span {font-family: Arial,Helvetica,sans-serif; font-size: 15px;}

#my_twitter_status {float: left; display: inline;width:auto;text-align:right; padding:3px;}
#my_twitter_status_time{display: block; color:#777; text-align:right; font-size:11px; font-style:italic; padding:3px;}

/* 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;}


#containerRss {width:25%; float:left; display:inline; position:absolute; margin:125px 10px 0 75%;}
.cabeceraRss {margin:0 0 10px;}

.itemdescription img {width:220px; display:block; margin:0 0 7px;}
.itemtitle a {width:auto; display:block; background:none; color:#444; margin:0 0 7px; height:auto; text-align:left; font-variant:normal; font-size:14px;}
.itemtitle a:hover {color:#b9cc0a;}

.datos {background:url(../img/rssback.png) repeat; width:300px;}
.crFondo {background-color:#b9cc0a;}

#contQue {background-color:#eee;}
#contQuienes, #contLegal {background-color:#eee;}
#contQuienes p {width:320px; float:left; display:inline; margin:10px 0 10px 15px;}
#contLegal p {width:600px; margin:10px 0 10px 15px; font-style:italic;}

#contCollection {background-color:#eee;}