@charset "utf-8";

body {
  font: 62.5% Arial, Helvetica, sans-serif;
  background-color: #999999;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333;
  line-height: 1.4;
}

/* LAYOUT */

#skipLinks {
	background-image: none;
	float:right;
	padding: 2em 2em 0 0;
	font-size: 1.1em;
	font-weight: bold;
		
}
#skipLinks ul {
	margin: 0;
	padding: 0;
	list-style:none;
	text-align:right;
}

.elasticLy1 #container {
  width: 95em;
  max-width: 98%;
  background-color: #FFF;
  margin: 0 auto;
  border: 0.1em solid #454545;
  text-align: left;
}

.elasticLy1 .coverbkg {
  background-color: #FFF;
  background-image: url(../imgs/fondoportada.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

/* Header */

.elasticLy1 #header {
  height: 10.8em;
  overflow: hidden;
  background-color: #FFF;
  background-image: url(../imgs/cabecera.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

/* mainMessage */

.elasticLy1 #mainMessage {
  font-size: 1em;
  line-height: 1.2em;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  font-weight: bold;
  float: left;
  width: 45em;
  padding: 0 0 3em 3em;
}

.elasticLy1 #mainMessage h1{
  font-size: 5em;
  color: #a60505;
  border-bottom: none;
  margin-top:0;
  margin-bottom: 0.4em;
  padding-bottom: 0;
}

.elasticLy1 #mainMessage p{
  font-size: 1.8em;
  border-bottom: none;
  text-align: center;
  background-color: #454545;
  margin: 0;
  padding: 0;
  width: 80%;
}

.elasticLy1 #mainMessage p a{
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 0.5em;
}

/* videocontent */

.elasticLy1 #videoContent {
  font-size: 1em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 49em;
  padding-top: 3em;
  padding-right: 1.8em;
  padding-bottom: 1.5em;
  padding-left: 0;
  text-align: right;
}

.elasticLy1 #rmodule img.siguenos{
  border-style: none;
  float:right;
  padding-right: 1.8em;
  padding-bottom: 4em;
}

/* sidebar */

.elasticLy1 #sidebar1 {
  font-size: 1.4em;
  float: left;
  width: 18em;
  background-color: #FFF;
}

div#sidebar1 ul {
  list-style-type: none;
  padding: 0.5em 0 0 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1.2em;
  margin-left: 1.4em;
}

div#sidebar1 li {
  background-image: url(../imgs/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0% 8%;
  margin: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0.7em;
  padding-left: 1.14em;
  font-weight: bold;
}

div#sidebar1 li.selected a{
  color: #a60505;
}

div#sidebar1 li a:hover, div#sidebar1 li a:focus, div#sidebar1 li a:active{
  color: #a60505;
}

/* maincontent */

.elasticLy1 #mainContent {
  font-size: 1.4em;
  margin-top: 0;
  margin-right: 0;
  padding-bottom: 4em;
  margin-left: 19em;
}

.elasticLy1 #mainContent p{
  padding-right: 3em;
}

div#mainContent p.smallertype{
  font-size: 0.9em;
}

/* onecolumnmaincontent */

.elasticLy1 #oneColmainContent {
  font-size: 1.4em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 5.5em;
  padding-bottom: 4em;
}

.elasticLy1 #oneColmainContent p{
  padding-right: 3em;
}

.elasticLy1 #oneColmainContent.faq p, .elasticLy1 #oneColmainContent.faq ul, .elasticLy1 #oneColmainContent.faq h2{
  padding-right: 6em;
}

#oneColmainContent.faq h2.firstquestion{
  padding-top: 1em;
  border-top: #999 0.07em solid;
}

/* lema */

div#bottomsection div#rmodule{
	width:30em;
	float:right;
}

div#bottomsection div#rmodule p{
  font-size: 1.1em;
  font-weight: bold;
  float: right;
  margin: 0;
  padding: 0 0.4em 0.5em 0;
}

div#lema p{
  background-color:#fff;
  font-size: 1.1em;
  font-weight: bold;
  float: right;
  margin: 0;
  padding: 0 0.4em 0.5em 0;
}

/* bottomsection index */

#bottomsection{
  overflow:hidden;
}

/* footer */

.elasticLy1 #footer{
	clear:both;
	overflow:hidden;
}

.elasticLy1 #footer, .elasticLy1 #footerhome{
  font-size: 1.2em;
  text-align: right;
}
.elasticLy1 #footerhome{
	float:right;
	width: 53em;
	overflow:hidden;
}
.elasticLy1 #footerhome div#footertext{
	padding: 2.1em 0.8em 0 1.5em;
}

div#logomspsi{
  float: right;
  background-color: #fff;
}

div#footertext{
  float: left;
  padding: 2.1em 0.8em 0 1.8em;
  font-weight: bold;
}

/* footer facebook */

div#facebook{
  background-color: #FFF;
  float: left;
  padding-top: 1.1em;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0.8em;
}

div#facebookbox{
  float:left;
}

div#facebookbox iframe{
  background-color: #FFF;

}

/* menu */

#menu {
  color: #FFFFFF;
  background-color: #4e4e4e;
  background-image: url(../imgs/graybkg.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  border-top-width: 0.6em;
  border-top-style: solid;
  border-top-color: #a60505;
  font-size: 1.2em;
  clear:both; 
  float:left; 
  width:100%; 
  overflow:hidden;
  margin:0 0 2em 0; 
}

#menu ul {
  text-align: center;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
}

#menu li {
  border-right: #999 0.2em solid;
  margin: 0;
  padding: 0;
  float:left; 
  position:relative;  
  right:50%;
}

#menu li.noborder{
  border-right: none;
}

#menu a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding-top: 0.5em;
  padding-right: 1.2em;
  padding-bottom: 0.5em;
  padding-left: 1.2em;
  background-color: #4e4e4e;
  background-image: url(../imgs/graybkg.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  height:2.8em;
}

#menu a:hover, #menu a:focus, #menu a:active {
  background-color: #CC0000;
  background-image: url(../imgs/redbkg.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
}

#menu li.selected a {
  background-color: #CC0000;
  background-image: url(../imgs/redbkg.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
}

/* TAG SPECIFIC */

ul {
  font-weight: bold;
  padding-left: 1.2em;
}

li{
  padding-left: 1.14em;
}

a {
  color: #454545;
}

a:hover, a:focus, a:active {
  color: #a60505;
}

div#sidebar1 li a{
  text-decoration: none;
}

h1{
  color: #454545;
  line-height: 1.2em;
  padding-bottom: 0.7em;
  border-bottom-width: 0.05em;
  border-bottom-style: solid;
  border-bottom-color: #999;
}

h1 strong{
  color: #333;
}

h2{
  color: #a60505;
}

abbr {
  border-bottom-width: 0;
}

/* PAGE SPECIFIC */

ul.faq li, ul.map li{
  padding-bottom: 0.5em;
}

ul.map li ul{
  padding-top: 0.7em;
}

ul.faq a, ul.map a{
  text-decoration: none;
  color: #a60505;
}

ul.faq a:hover, ul.faq a:focus, ul.faq a:active{
  color: #454545;
}

table#downloadstable{
  margin-bottom: 3em;
  border-spacing: 0.7em;
}

table#downloadstable th{
  background-color: #a60505;
  color: #FFF;
  padding: 0.2em 0.4em;
}

table#downloadstable td{
  border-bottom: #999 0.1em solid;
  padding: 0.1em 0.6em;
}

img.imgmspsi{
  width:18.91em; 
  height:5.16em;
}

img.imgmspsi, table#downloadstable a img, ul.linksofinterest a img, #oneColmainContent h2 a img, div#videoContent a img{
  border-style: none;
}

ul.linksofinterest{
  font-weight: normal;
}

.elasticLy1 #sidebar1 img.soleimg{
  padding-top: 1.4em;
}

.redDiv {
  background-color: #a60505;
  color: #FFFFFF;
  margin-top:5.8em;
  padding: 1em;
}

.redDiv div#rdTexto{
  text-align: left;
  color: #FFFFFF;
  width: 60%;
}

.redDiv div#rdMensaje{
  float: right;
  color: #FFFFFF;
  width: 38%;
}

.redDiv p{
  margin: 0;
  padding: 0;
}

.redDiv p#rdEnlace{
  border-bottom: none;
  text-align: center;
  background-color: #454545;
  margin: 1em 0 0 0;
  padding: 0;
  width: 90%;
}

.redDiv p#rdEnlace a{
  font-size: 1.4em;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  display: block;
}

.redDiv h1{
  font-size: 2.2em;
  color: #FFFFFF;
  border-bottom: none;
  padding: 0;
  margin: 0;
  line-height: 1em;
}

.grayDiv {
  background-color: #ffffff;
  background-image: url(../imgs/graybkg2.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  text-align: center;
  color: #a60505;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.6em;
  margin: 0;
  padding: 1em 0;
}

/* REUSABLE CODE */

.fltrt {
  float: right;
  margin-left: 1em;
}

.fltlft {
  float: left;
  margin-right: 1em;
}

.clearfloat {
  clear: both;
  height: 0;
  font-size: 0.01em;
  line-height: 0;
}

.offset {
  font-size: 1.6em;
  margin-left: -3440%;
  position: absolute;
}

strong.highlight{
  font-weight: bold;
  color: #a60505;
}

.highligh {
  color: #a60505;
}

span.nl{
  display:block;
}

/* PRINT STYLES */

@media print{
  .elasticLy1 #menu, .elasticLy1 #lema, .elasticLy1 #rmodule, .elasticLy1 #sidebar1, .elasticLy1 #footer #facebook, .elasticLy1 #footer #facebookbox, div#skipLinks{
    display: none;
  }

  body {
    background-color: #FFF;
  }

  .elasticLy1 #container {
    border: none;
  }

  .elasticLy1 #oneColmainContent, .elasticLy1 #mainContent{
	margin-left: 10px;
  }
}
