/*Theme Name: Moda Arte Tendencia	
Theme URI: http://www.grupointo.com
Author: Cecilia Salbuchi
Description: Moda Arte Tendencia
*/

/* RESET */
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 {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* COLORES */

.modaeamoda {
margin: 0 auto;
width:850px;
height:10px;
background:url('images/barra-eamoda.jpg') no-repeat;
overflow:hidden;
}
.audiovisual{
margin: 0 auto;
width:850px;
height:10px;
background:url('images/barra-audiovisual.jpg') no-repeat;
overflow:hidden;
}
.tendencia{
margin: 0 auto;
width:850px;
height:10px;
background:url('images/barra-tendencia.jpg') no-repeat;
overflow:hidden;
}

h2.au, h2.au a, h2.au a:visited {
color: #65DF00;
}

h2.ea, h2.ea a, h2.ea a:visited {
color: #ac26a9;
}
h3.au {
background: #71fe00;
font: bold 16px "arial", "helvetica", Sans-serif;
text-transform:uppercase;
color: #fff;
width:100%;
height:18px;
margin: 10px 0 10px 0;
padding: 2px 0px 2px 10px;
}

h3.ea {
background: #ac26a9;
font: bold 16px "arial", "helvetica", Sans-serif;
text-transform:uppercase;
color: #fff;
width:100%;
height:18px;
margin: 10px 0 10px 0;
padding: 2px 0px 2px 10px;
}

h3.tn {
background: #02fdf6;
font: bold 16px "arial", "helvetica", Sans-serif;
text-transform:uppercase;
color: #fff;
width:100%;
height:18px;
margin: 10px 0 10px 0;
padding: 2px 0px 2px 10px;
}



/* ************ */

body {
background: #000;
font-family: "Arial","Helvetica",sans-serif;
font-size: 13px;
font-weight: normal;
color: #ffffff;
}

a, a:visited {
color:#036DA7;
text-decoration:underline;
}

a:hover {
text-decoration: none;
color:#FF0000;
}

img {
border: none;
margin: 3px;
}

p {
font-family: "Arial", "Helvetica", sans-serif;
font-size:13px;
line-height:normal;
padding: 0px 0px 5px 0px;
margin: 0px;
}

h1 {
font: normal 26px/26px "arial", "helvetica", Sans-serif;
color: #417394;
padding:0;
margin:0 0 10px 0;
}

h2	{
font:normal 19px/22px "arial", "helvetica", Sans-serif;
color: #417394;
margin:0 0 10px 0;
}

h3	{
font:bold 18px/20px "arial", "helvetica", Sans-serif;
color: #417394;
margin:0 0 10px 0;
padding:0;
}

h4	{
font:bold 16px/18px "arial", "helvetica", Sans-serif;
color: #417394;
margin:0 0 5px 0;
padding:0;
	}

h5	{
font:bold 14px/18px "arial", "helvetica", Sans-serif;
color: #417394;
margin:0 0 5px 0;
padding:0;
}

h6	{
font:normal 12px "arial", "helvetica", Sans-serif;
color: #417394;
margin:0 0 5px 0;
padding:0;
}

h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited {
color: #417394;
text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
color: #417394;
text-decoration: none;
}


h3 a, h3 a:visited, h4 a, h4 a:visited {
color: #417394;
text-decoration:none;
}

/* alignments */
.center {text-align: center;}
img.center, img[align="center"] {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"] {float:left;margin: 2px 10px 5px 0px;}
.alignright {float: right;}
img.alignright, img[align="right"] {float:right;margin: 2px 0px 5px 10px;}
.clear {clear:both;}
hr.clear {clear:both;visibility: hidden;margin: 0px;padding: 0px;height:0px;}

/* NAVEGACION */
.navegacion {
float:left;
width:590px;
margin: 10px 20px;
}

.anterior {
background: url(images/left.png) no-repeat;
padding: 0 0px 0 15px;
height:16px;
float:left;
font: normal 10px "arial", "helvetica", Sans-serif;
color: #c4c4c4;
}

.siguiente {
background: url(images/right.png) no-repeat;
background-position: top right;
padding: 0 15px 0 0px;
height:16px;
float:right;
font: normal 10px "arial", "helvetica", Sans-serif;
color: #c4c4c4;
}

/* ********************** */

#header {
width: 850px;
height:329px;
margin: 0 auto 0 auto;
}

#header a.logo {
width:850px;
height:264px;
padding:0;
margin: 0 auto 0 auto;
}

#header img {
margin: 0 auto;
width:850px;
overflow:hidden;
}

#x-header img {
margin: 0 auto;
width:850px;
height:55px;
overflow:hidden;
}

#logo h1 {
position:absolute;
text-indent:-9999px;
font-size:9px;
}

h2.no-mostrar {
position:absolute;
text-indent:-9999px;
font-size:9px;
}

#header-tendencia {
float:left;
background-image:url('images/header-tendencia.jpg');
width:850px;
height:55px;
background-repeat:no-repeat;
margin: 0 auto 0 auto;
}

#contenedor {
background:url('images/contenedor_bg.jpg') repeat-y;
margin: 0 auto;
width:850px;
overflow:hidden;
}

#contenedor_tnd {
background:url('images/contenedor_tnd.jpg') repeat-y;
margin: 0 auto;
width:850px;
overflow:hidden;
}

#contenido {
float:left;
width:640px;
}

#formulario {
padding: 20px;
margin: 10px 0 10px 0;
display:block;
float:left;
overflow:hidden;
width: 580px;
}

.cuerpo {
padding: 20px;
margin: 10px 0 10px 0;
display:block;
float:left;
overflow:hidden;
width: 580px;
}

.cuerpo p {
color: #666;
}

.cuerpo strong {
font-weight:bold;
}

.cuerpo small {
font-size:10px;
}

.cuerpo ul {
color: #666;
margin-left: 25px;
list-style-type: disc;
}

.cuerpo ul li {
margin-bottom: 5px;
}

.cuerpo-tendencia {
padding: 20px;
margin: 10px 0 10px 0;
display:block;
float:left;
}

.cuerpo-tendencia p {
color: #ccc;
font-weight:bold;
}

.cuerpo-tendencia strong {
font-weight:bold;
}

.cuerpo-tendencia small {
font-size:10px;
}
.cuerpo-tendencia h3 {
font:bold 16px/19px "arial", "helvetica", Sans-serif;
}
.cuerpo-tendencia h2 {
font:bold 19px/22px "arial", "helvetica", Sans-serif;
}

.cuerpo-tendencia ul {
color: #ccc;
margin-left: 25px;
list-style-type: disc;
}

.cuerpo-tendencia ul li {
margin-bottom: 5px;
}

h1.tnd   {
font:bold 14px/16px "arial", "helvetica", Sans-serif;
height:20px;
width: 590px;
overflow:hidden;
padding: 15px 5px;
}

h1.tnd a, h4.tnd a {
text-decoration:none;
color: #fff;
}

#footer {
background:url('images/footer.jpg') no-repeat;
margin: 0 auto;
height:68px;
width:850px;
overflow:hidden;
}

#copyright {
width:850px;
margin: 0px auto;
text-align:center;
height:20px;
overflow:hidden;
padding: 15px 0;
}
#copyright img {
float:right;
}

#copyright a {
font: normal 11px "arial", "helvetica", Sans-serif;
color: #666;
text-decoration:none;
}

.time {
font: bold 14px/24px "arial", "helvetica", Sans-serif;
color: #666;
}

.editar {
font: bold 10px "arial", "helvetica", Sans-serif;
color: #ff0000;
margin-left:20px;
}

.sociable {
padding: 20px;
margin: 10px 0 10px 0;
}

#respond {
float:left;
display:block;
width:590px;
margin: 10px 0px 10px 20px;
}

/* SIDEBAR */

h4.tnd   {
color: #fff ;
font:bold 16px/19px "arial", "helvetica", Sans-serif;
height:20px;
width: 590px;
overflow:hidden;
padding: 15px 5px;
}

.barragris {
width:540px;
height:10px;
margin: 10px 20px 10px 40px;
border-bottom: 1px solid #ccc;
float:left;
display:block;
}

#sidebar {
float:right;
width:200px;
height:100%;
background: #1a1a1a;
overflow:hidden;
}

#sidebar img {
margin: 0;
padding: 0;
}

h3.comun {
font: bold 16px "arial", "helvetica", Sans-serif;
text-transform:uppercase;
background: #fff;
color: #000;
width:100%;
height:18px;
margin: 30px 0 10px 0;
padding: 2px 0px 2px 10px;
}


ul.flecha-cyan {
list-style-image:url('images/flecha-cyan.png');
list-style-position:inside;
margin-left:10px;
margin-bottom:10px;
}

ul.flecha-cyan li, ul.flecha-cyan li a  {
padding: 6px 4px 6px 2px;
color:#fff;
text-decoration:none;
}

ul.flecha-blanca {
list-style-image:url('images/flecha-blanca.png');
list-style-position:inside;
margin-left:10px;
margin-bottom:10px;
}

ul.flecha-blanca li,ul.flecha-blanca li a {
padding: 6px 4px 6px 2px;
color:#fff;
text-decoration:none;
}

ul.flecha-blanca-e {
list-style-image:url('images/flecha-blanca.png');
list-style-position:outside;
margin-left:20px;
margin-bottom:10px;
}

ul.flecha-blanca-e li,ul.flecha-blanca-e li a {
font:bold 12px/13px "arial", "helvetica", Sans-serif;
padding: 6px 0px 6px 0px;
color:#fff;
text-decoration:none;
margin-left:10px;
text-indent:-15px;
}

.espacio {
width: 100%;
height: 20px;
display:block;
}
.widget ul {
list-style-image:url('images/flecha-blanca.png');
list-style-position:outside;
margin-left:16px;
margin-bottom:10px;
text-decoration:none;
}

.widget li {
list-style-image:url('images/flecha-blanca.png');
list-style-position:outside;
margin-left: 16px;
margin-bottom:10px;
text-decoration:none;
}

.widget ul a{
list-style-image:url('images/flecha-blanca.png');
list-style-position:outside;
margin-left:0px;
margin-bottom:10px;
font:normal 12px/13px "arial", "helvetica", Sans-serif;
padding: 6px 0px 6px 0px;
color:#fff;
text-decoration:none;
}

ul.flexo-link {
list-style-image:url('images/flecha-blanca.png');
list-style-position:outside;
margin-left:10px;
margin-bottom:10px;
}

ul.flexo-list {
list-style-image:url('images/flecha-blanca.png');
list-style-position:outside;
font:normal 12px/13px "arial", "helvetica", Sans-serif;
color:#fff;
text-decoration:none;
margin-left: 16px;
text-indent: -15px;
}

ul.flexo-list li {
list-style-image:url('images/flecha-blanca.png');
list-style-position:outside;
font:normal 12px/13px "arial", "helvetica", Sans-serif;
color:#fff;
text-decoration:none;
margin-left: 0px;
text-indent: 0px;
}

#hide {
margin: -9999;
height: 0;
overflow: hidden;
}

h2.widgettitle {
font: bold 16px "arial", "helvetica", Sans-serif;
text-transform:uppercase;
background: #fff;
color: #000;
width:100%;
height:18px;
margin: 30px 0 10px 0;
padding: 2px 0px 2px 10px;
}

#index {
width:850px;
height:560px;
margin:10px auto 5px auto;
overflow:hidden;
}

.transversal img{
float:left;
margin: 0;
padding: 0;
overflow:hidden;
}
.links img {
float:left;
margin: 0;
padding: 0;
overflow:hidden;
}

table {
border-width: 0px;
border-spacing: 0px;
}
table th {
border-width: 0px;
padding: 0px;
}
table td {
border-width: 0px;
padding: 0px;
}

table img {
vertical-align: top;
margin:0;
}
/* SIDEBAR COLORES */

#e1 {
border-left: 10px solid #a3237a;
border-right: 10px solid #a3237a;
width:170px;
}

#e2 {
border-left: 10px solid #2492d1;
border-right: 10px solid #2492d1;
width:170px;
}

#e3 {
border-left: 10px solid #84c341;
border-right: 10px solid #84c341;
width:170px;
}

#e4 {
border-left: 10px solid #eb4024;
border-right: 10px solid #eb4024;
width:170px;
}

#e5 {
border-left: 10px solid #f3ed29;
border-right: 10px solid #f3ed29;
width:170px;
}

#e6 {
border-left: 10px solid #64c3a3;
border-right: 10px solid #64c3a3;
width:170px;
}

#e7 {
border-left: 10px solid #eb4026;
border-right: 10px solid #eb4026;
width:170px;
}

#e8 {
border-left: 10px solid #bb317e;
border-right: 10px solid #bb317e;
width:170px;
}

#e9 {
border-left: 10px solid #1b9f70;
border-right: 10px solid #1b9f70;
width:170px;
}

#e10 {
border-left: 10px solid #f3ed29;
border-right: 10px solid #f3ed29;
width:170px;
}

#e11 {
border-left: 10px solid #00923f;
border-right: 10px solid #00923f;
width:170px;
}

#e12 {
border-left: 10px solid #e77817;
border-right: 10px solid #e77817;
width:170px;
}

#e13 {
border-left: 10px solid #eb3d00;
border-right: 10px solid #eb3d00;
width:170px;
}

#e14 {
border-left: 10px solid #60bff3;
border-right: 10px solid #60bff3;
width:170px;
}

#e15 {
border-left: 10px solid #fff;
border-right: 10px solid #fff;
width:170px;
}

#e16 {
border-left: 10px solid #0074c5;
border-right: 10px solid #0074c5;
width:170px;
}