/* ---------------------------------------------------
	
	Cliente: Cámara de Comercio Exterior de Cuyo - http://www.ccecuyo.com.ar

	Hoja de estilos: principal.css
    Media: screen
    Versión: 0.1 beta
	
	Autor
    Alejandro Prieto
    ABC Comunicación
    http://www.abccomunicacion.com
    info@abccomunicacion.com
	
	Índice
    Reseteo
    Generales
    Diagramación y estructura
    Secciones
      Comunes
      Portada
      Contacto
      Revista
      Títulos
      Menu
      Lateral
      Pie
      Formularios	
    
/* ---------------------------------------------------
	Reseteo
------------------------------------------------------ */
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,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	outline: none;
}
html, body {
	height: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
a img, :link img, :visited img {
	border:none
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/* ---------------------------------------------------
	Generales
------------------------------------------------------ */
body {
  font: 62.5%  "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
  background-color: #154064;
  color: #404040;
}
h1, h2 {
  font-family: Georgia, Times, serif;
}
h2, h3, h4, h5 {
  color: #154064;
}
h1 {
  color: #fff;
  font-size: 2em;
}
h2 {
  font-size: 1.8em;
}
h3, legend {
  font-size: 1.4em;
  line-height: 1.2;
}
h4, h5, p, ol, ul, dl, th, td, label, input {
  font-size: 1.2em;
}
h4, p, ol, ul, dl, th, td, li, dt, dd {
  line-height: 1.5;
}
li ul {
  font-size: 1em !important;
}
abbr {
	border-bottom: #666 1px dashed;
	cursor: help;
}
table {
	width: auto;
	margin: 0 auto;
	background: #fff;
}
table, th, td {
	border: 1px solid #b9c6d0;
}
th, td {
	padding: .4em;
	vertical-align: top;
}
th {
	background: #e8ecef;
}
form {
  padding: 0 .7em;
}
fieldset * {
	margin-bottom: .4em;
}
fieldset {
	padding-top: 1.4em;
}
legend {
	text-transform: uppercase;
	font-family: Georgia, Times, serif;
	letter-spacing: .1ex;
	color: #446683;
}
label {
	display: block;
	float: left;
	width: 30%;
	text-align: right;
	line-height: 2;
}
input[type=submit] {
	border: none;
	background: #b9c6d0;
	color: #154064;
}
input[type=submit]:focus, input[type=submit]:hover {
	background: #989332;
	color: #fff;
}
.submit {
	margin-left: 30%;
}
a {
  color: #4984bf;
}
a:visited {
  color: #666;
}
a:hover {
  color: #989332;
}
/* ---------------------------------------------------
	Diagramación y estructura
------------------------------------------------------ */
#principal {
  width: 85.4em;
  margin: 0 auto;
  padding-top: 1.4em;
  background-color: #fff;
}
#central, #contenido, #newsletter {
  padding: 1.4em;
}
#contenido {
  padding-top: 0;
}
#portada {
  position: relative;
  height: 40.6em;
  padding: 0 1.4em 0;
}
#marca {
	float: left;
	padding: 2.8em 1.4em;
}
#central {
  clear: both;
}
#textos, .index, .view, .form {
	width: 61.6em;
	padding-bottom: 1.4em;
	float: right;
}
.node {
  padding-left: 1em;
}
#lateral {
  float: left;
  width: 19.6em;
  padding-bottom: 1.4em;
}
#pie {
  clear: both;
  background: #b9c6d0;
}
/* Clear */
#portada:after, #contenido:after, #pie:after, #contacto .vcard:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}

/* ---------------------------------------------------
	Diseño
------------------------------------------------------ */
/* Comunes */
#encabezado {
  position: relative;
  margin: 0 0 1.2em;
  padding: 0;
  line-height: 0;
}
#encabezado dt {
  line-height: 0;
}
#encabezado dd {
  position: absolute;
	bottom: .5em;
	right: 7px;
	width: 180px;
	padding: .4em .2em 0;
	font: 12px Georgia, Times, serif;
	font-style: italic;
	color: #fff;
	background: #0e4064;
}
#node h1 {
	padding: .5em;
	text-transform: uppercase;
	letter-spacing: .1ex;
	background: #0e4064;
}
.node h2 {
	margin: .625em 0;
	margin-right: 0;
}
.node h3, .noticia h3 {
	margin-bottom: .25em;
}
.node p, .node dl, .node ul {
	margin-bottom: 1.25em;
}
.node ul {
	list-style: disc inside;
}
.bajada {
  margin-bottom: 1em;
	padding: .75em;
	font: 1.4em/1.5 Georgia, Times, serif;
	font-style: italic;
	color: #0e4064;
	background: #e8ecef;
}
.bajada p {
  font: inherit;
  font-style: inherit;
}
.destacado {
	margin-bottom: 1em;
	padding: .75em .75em .25em;
	background: #e8ecef;
}
.nomina {
	margin-top: 1em;
}
.nomina dt {
	margin-top: 1em;
	font-weight: bold;
	color: #0e4064;
}
#contacto p {
	margin-bottom: .75em;
	color: #0e4064;
}
#contacto strong {
	display: block;
	font: 1.4em Georgia, Times, serif;
}
.vcard {
	margin-bottom: 1.4em;
	padding: 0 .75em;
}
#textos .vcard p {
	margin-bottom: 0;
}
.vcard h2 {
  margin-left: 0 !important;
}
#contacto .vcard {
	width: 30.8em;
	margin: 0 0 .75em .75em;
	padding: .75em;
	font-size: 1.2em;
	background: url(../img/fnd-contacto.png) repeat-x;
}
#contacto .vcard div {
	line-height: 1.5;
}
#contacto .vcard img {
	float: right;
	padding: 4px;
	background: #fff;
	border: 1px solid #b9c6d0;
}
#contacto .vcard .fn {
	font-size: 1.2em;
	color: #0e4064;
}
#socios .vcard {
  margin-bottom: .75em;
}
#socios .vcard h2 {
  margin: 0.25em 0;
  font-size: 1.4em;
  cursor: pointer;
}
#socios .vcard h2:hover {
  color: #989332;
}
#socios .vcard .detalles-socio {
  font-size: 1.2em;
  line-height: 1.4;
}
/* Portada */
#portada img, 
#portada .menu {
  position: absolute;
  margin-left: 1.4em;
}
/* Rotación de imágenes */
#img-home-1, #img-home-2, #img-home-3, #img-home-4 {
  position: relative;
  z-index: 10;
 }
#background_rotation_image_1, #background_rotation_image_2, #background_rotation_image_3, #background_rotation_image_4 {
  position: absolute;
  z-index: 0;
}
#background_rotation_image_1 {
  left: 21em;
}
#background_rotation_image_2 {
  left: 63em;
}
#background_rotation_image_3 {
  left: 0;
  top: 21em;
}
#background_rotation_image_4 {
  top: 21em;
  left: 42em;
}
#portada #marca {
  padding: 2.8em 0;
}
	#portada #marca img {
	  position: relative;
	  margin-left: 0;
	}
#portada h2 {
  padding: .3em .5em .3em;
	text-transform: uppercase;
	letter-spacing: .1ex;
  color: #fff;
}
#portada .menu {
  width: 19.6em;
  height: 19.6em;
  background-color: #154064;
}
	#portada .menu ul {
	  font-size: 1.2em;
	}
	#portada .menu a {
	  display: block;
	  padding: .3em .8em .5em;
	  color: #e8ecef;
	  text-decoration: none;
	}
		#portada .menu a:hover {
		  background: #446683;
		  color: #fff;
		}
	#portada .servicios {
	  top: 21em;
	  left: 21em;
	}
	#portada .institucional {
	  left: 42em;
	}
	#portada .comites {
	  top: 21em;
	  left: 63em;
	}
#portada .img1 {
  left: 21em;
}
#portada .img2 {
  left: 63em;
}
#portada .img3 {
  top: 21em;
  left: 0;
}
#portada .img4 {
  top: 21em;
  left: 42em;
}
#noticias {
float: left;
width: 61.6em;
	margin-right: 1.4em;
}
#noticias .noticia {
  padding-left: 10.5em;
  overflow: hidden;
}
  #noticias img {
    float: left;
    margin-right: .75em;
  }
	#noticias .meta {
	  float: left;
	  width: 9.8em;
	  margin-left: -10.5em;
	  text-align: right;
	}
	.noticia {
    font-family: Georgia, serif;
    margin: 1.4em 0;
	}
	.meta {
	  line-height: 1.9;
	  color: #446683;
  }
  .ver {
    font-size: 1.2em;
  }
	#noticias h3 a {
		color: inherit;
		text-decoration: none;
	}
#vista-documentos li {
  padding-left: 21px;
  list-style: none;
  line-height: 20px;
  background: url(../img/ico-pdf.png) no-repeat left center;
}
#vista-documentos li a {
  text-decoration: none;
}
.imagen-inline {
  display: block;
  float: right;
  position: relative;
  margin: 1em 0 1em 1em;
}
.imagen-inline .imagen {
  display: block;
}
.epigrafe {
  position: absolute;
  bottom: 0;
  width: 98%;
  padding: 1%;
  background: #fff;
  font-size: .75em;
}
.metadata {
  margin-bottom: .75em;
  padding: .25em .75em;
  background: #e8ecef;
  color: #446683;
}
.search {
  margin-bottom: 1em;
	padding: .75em;
	color: #0e4064;
	background: #e8ecef;  
}
  .search label {
    width: auto;
  	font: 1.4em/2 Georgia, Times, serif;
  	text-transform: uppercase;
  }

/* Menu */
.menu {
	margin-bottom: 1.4em;
	font-size: 1em;
	/* background: #989332; */
}
.menu h2 {
	padding: .5em;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}
#lateral .menu {
	background: #e8ecef;  
}
#lateral .menu h2 {
	color: #0e4064;
	background: #b9c6d0;  
}
#lateral .menu li {
/*   border-top: 1px solid #e8ecef; */
}
.submenu {
  /* background: #b7ae3d; */
}
.submenu a {
	display: block;
	padding: .3em 1em;
	text-decoration: none;
	font-size: 11px;
	line-height: 1.4;
}
.submenu a, .submenu a:visited {
	/* color: #fff; */
	color: #446683;
}
.submenu a:hover {
	background: #989332;
	color: #fff;
}

/* Menu idiomas */
.menu-idiomas {
	position: absolute;
	right: 1.4em;
	top: -24px;
	text-align: right;
}
.menu-idiomas li {
	display: inline;
	font-size: .85em;
}

/* Lateral */
.widget-revista {
  height: 22.4em;
  overflow: hidden;
  padding: 1.4em;
  background: #b9c6d0;
}
.widget-revista * {
  margin-bottom: 1em;
  color: #446683;
}
.widget-revista a {
	text-decoration: none;
}
.ad {
  border: 1px solid #b9c6d0;
  margin-top: 1.4em;
  padding: 0px;
}
.bloque-links {
  padding: 0;
  background: #b9c6d0;
  line-height: 1;
}
.bloque-links li a, .bloque-links li a:visited {
  display: block;
  height: 37px;
  padding: 0 .7em;
  background-image: url(../img/btn-extras.png);
  background-repeat: no-repeat;
  border-bottom: 2px solid #8a9fb1;
  font: 1.2em/2.8 Georgia, serif;
  text-decoration: none;
  color: #154064;
}
.bloque-links li a:hover {
  color: #154064;
}
.bloque-links li.newsletters a {
  background-position: 120px 4px;
}
.bloque-links li.docs a {
  background-position: 120px -39px;
}
.bloque-links li.contacto a {
  background-position: 120px -78px;
}

/* Pie */
#newsletter {
  float: left;
  width: 53.2em;
  background: #e8ecef;
}
#newsletter p {
  float: left;
  width: 19.6em;
  font-size: 1em;
  color: #446683;
}
#newsletter label {
  display: block;
  float: left;
  width: 40%;
  text-align: right;
}
#newsletter input {
  margin-bottom: .7em;
}
#newsletter .input input {
	width: 54%;
	margin-left: 2%;
}
#newsletter .submit {
	text-align: right;
}
#pie .vcard {
  padding: 1.4em;
  margin-left: 56em;
  color: #446683;
}
#pie .vcard div {
  font-size: 1em;
  line-height: 1.5;
}

/* Paginador */
.paging {
	clear: both;
	margin-top: 1.4em;
	text-align: center;
  color: #446683;
}
.paging div {
	display: inline;
}
.paging .disabled {
	display: none;
}
.paging a, .paging .current {
	padding: 2px 4px;
	text-decoration: none;
  font-size: 1.2em;
  color: #446683;
}
.paging a:hover {
	background: #b9c6d0;
}
.paging .current {
	background: #b9c6d0;
}
.contador {
  margin-bottom: 18px;
}

/* Mensajes */
.message {
  margin-bottom: 14px;
  padding: 8px;
  border: solid 1px #dda;
  border-left: none;
  border-right: none;
  background:#ffc;
  color: #666;
  font-size: 1.2em;
  font-style: italic;
  text-align: center;
}
.error-message {
  display: inline;
  color: #f00;
  font-size: 12px;
}
.error-message:before {
  content: "✖ ";
}