@charset "utf-8";

body  {

	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 0px 4px 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #111;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url('/media/img06/backgroundComic.jpg');

}
h1, h2, h3 {
    font-weight: normal;
}

.img_link img {
    margin: 0px 1em 0px 0px;
}

.img_link strong {
    display: block;
}
.clear {
    clear: both;
}

a.img_link:hover {
    /*background:#eee;*/
    border-color: #899900;
    text-decoration: none;
}

.img_link {
    border: 1px solid #fff;
    display:block;
    height:80px;
    width:340px;
    text-align: left;
}
.img_link hr {
    color:#fff;
}
#container {

	width: 740px;
	text-align: justify; /* this overrides the text-align: center on the body element. */
	padding: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: no-repeat;
	background-image: url('/media/img/random/abrazo.jpg');
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	position: relative;
}
#header {
	position: relative;
	height: 110px;
	color: #CCCCCC;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between ivs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 160px;
	font-size: 11px;
	margin: 120px 0px 0px 0px;
	left: -20px;
	position: relative;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 140px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 120px;
	position: relative;
	}

#sidebar2 .ficha{
	font-size: 10px;
	background-color: #f3f3f3;
	line-height: 15px;
	color: #383838;
	text-indent: 0px;
	padding: 15px 20px;
}

#sidebar2 .bodytext {
	margin: 0px;
	text-indent: 0px;
	}

#mainContent {
	margin-bottom: 0;
	margin-left: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Candara, Georgia, "Times New Roman", Times, serif;
	position: relative;
	width: 425px;
}
#mainContent img {
    margin-top: 20px;
}
#footer {

	padding: 0px;
	text-align: center;
	background-image: url(img/bgFoot.jpg);
	height: 40px;
	vertical-align: 50%;
	margin: 0px 0px -20px 0px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #CCCC00;
	top: 4px;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}

#footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.menu1 {
	float: right;
	position: absolute;
	color: #999;
	vertical-align: bottom;
	margin: 0px;
	right: -20px;
	top: 50px;
	padding-bottom: 0px;
	background-color: #5C5C5C;
	padding: 0px 20px 0px 20px;
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #777;
	width: 480px;
}

#edicion, #edicionReal {

	font-size: 10px;

	color: #BCC81E;

	float: right;

	margin:  0px;

	padding: 0px;

	position: relative;

	top: -5px;

	font-family: Candara, Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

}

.menu1 a {

	color: #CCCCCC;

	text-decoration: none;

	vertical-align: bottom;

	font-size: 10px;

	font-weight: bold;

	padding: 0px 5px;

	margin: 0px 0px 0px 0px;

}

/* commented backslash hack v2 for IE5.2 Mac \*/

.menu1 a {

	display: block;

	float: right;

}

/* end hack */



.menu1 #selec1 {

	color: #FFFFFF;

}

.titulo {

	font-size: 24px;

	line-height: 30px;

	text-align: center;

	color: #444;

	margin: 30px 0px 20px 0px;

}

.firma {

	font-size: 12px;

	color: #333;

	text-align: center;

	line-height: 20px;

	left: 0px;

	margin: 20px 0px;

}

p {

 	padding: 0px;

}

p.bodytext, p.first {

	margin: 0px 0px 20px 0px;

	padding: 0px;

}

.bodytext {

	text-align: justify;

}



.bodytext img {





}

.left {
	text-align: left;
}

.left .seccion {

	font-weight: bold;

	color: #333;

	line-height: 15px;

	margin-bottom: 20px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 20px;

	text-transform: capitalize;

	font-size: 12px;

	font-variant: small-caps;

}

a {

	text-decoration: none;

	color: #899900;

}

.menu2 a {
	color: #888;
	width: 120px;
	display: block;
	line-height: 15px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 10px;
	background-image: url(/media/img09/4x4grey.png);
	background-repeat: no-repeat;
	background-position: 1em 0.5em;
}

.menu2 #sel {

	color: #373737;

	background-color: #F3F3F3;

}

.menu2 a:hover {
	background-image: url(/media/img09/4x4green.png);
}


.nota, .ficha {
	width: 140px;
	font-size: 10px;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 440px;
	display: block;
	/*_left: 390px;*/	
	text-align: left;
}

.ficha {
    background: #eee;
    padding: 1em;
}

.nota strong {

	font-weight: bold;

	color: #000000;

	display: block;

	float: left;

	position: relative;

	margin-right: 5px;

	font-family: Arial, Helvetica, sans-serif;

	margin-bottom: 0px;

}



#mainContent sup {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

}

a img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#mainContent  a {

	font-style: normal;

	font-family: Arial, Helvetica, sans-serif;

}

#footer, #footer a {

	font-size: 11px;

	color: #CCCCCC;

}

.footicon {

	margin: 40px 0px 60px 0px;

}

#footer hr {

	margin: 40px;

	color: #BEC913;

}

a:hover {

	text-decoration: underline;

}

.foot {

	color: #CCCCCC;

	margin: 0px 200px;

	padding: 10px;

	background-repeat: repeat-x;

}

#Port1 {

	float: left;

	margin-right: 20px;

	width: 340px;

}

#Port2 {

	margin-left: 380px;

}

#Port3 {

	margin-bottom: 10px;

	margin-top: 0px;

	margin-right: -60px;

	width: 800px;

	height: 90px;

}

#Port2 .csc-header {

	float: right;

	color: #444;

	font-size: 11px;

	position: absolute;

	width: 80px;

	right: 0px;

	text-align: right;

	font-style: italic;

}

#Port2 .titulo {

	text-align: left;

	font-size: 12px;

	font-weight: bold;

	color: #1A1A1A;

	margin: 0px;

	padding: 0px;

	position: relative;

	left: 0px;

	top: 0px;

	right: 0px;

	bottom: 0px;

	width: auto;

	height: auto;

	line-height: 20px;

}

#Port2 .titulo a {

	color: #1E1E1E;

}

#Port2 a, #Port2 {

	font-size: 12px;

	color: #333;

}

#Port2 .content {

	height: 74px;

	position: relative;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #B9CA1C;

	margin-bottom: 20px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

	line-height: 20px;

}

#Port2 p {

	text-indent: 0px;

	margin: 0px;

	padding: 0px;

}

#Port2 a:hover {

	color: #FFFFFF;

}

#Port3 .content {

	width: 170px;

	margin-right: 20px;

	position: relative;

	float: left;

}

#Port3 .csc-header {

	right: 0px;

	line-height: 10px;

	font-size: 10px;

	color: #414141;

	float: right;

	position: absolute;

	height: 10px;

}

#Port3 a {

	font-size: 10px;

	color: #2A2A2A;

}

#Port3 img {

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	width: 170px;

	height: 60px;

}

#Port3 p {

	margin: 0px;

	padding: 0px;

	line-height: 12px;

	font-size: 10px;

}

p.first {

	text-indent: 0px;

}

.consejo {

	float: left;

	width: 200px;

	text-align: center;

}

.typo3 {

	float: right;

	width: 0200px;

	text-align: center;

}

#footer a:hover {

	background-color: #414141;

	color: #CCCC33;

}

.cita {

	font-style: italic;

	margin: 20px;

}

.seccion a {

	color: #888;

}



.seccion a:hover {



	}

#Port3  .bodytext {

	text-indent: 0px;

	margin: 0px;

	padding: 0px;

}

.subtitulo {

	text-align: center;

	text-indent: 0px;

	margin: 10px 0px;

}

tx-jppageteaser-pi1 {

	background-color: #f3f3f3;

	padding: 20px;

	margin-bottom: 20px;

	position: relative;

	width: 180px;





}

.tx-jppageteaser-pi1 a {

	color: #333333;

	font-size: 12px;

	font-weight: bold;

	padding: 10px;

	width: 320px;

	display: block;

}



.tx-jppageteaser-pi1 a img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	display: none;

}

.tx-jppageteaser-pi1 .tx-jppageteaser-pi1-headline {

	font-size: 14px;

	font-weight: normal;

}

.tx-jppageteaser-pi1 a:hover {

	color: #828C00;

	background-color: #FFFFFF;



}

.firma + .bodytext, .subtitulo + .bodytext, .titulo + .bodytext {

	text-indent: 0px;

}

.csc-sitemap a {

	font-size: 12px;

	color: #333333;

}

.csc-sitemap-level1 a {

	margin-left: 20px;

	display: block;

	margin-top: 10px;

	color: #343434;

	font-size: 11px;

	padding: 0px;

	font-weight: bold;

}

.csc-sitemap-level2 a {

	margin-left: 40px;

	font-size: 11px;

}

.csc-sitemap-level3 a {

	margin-left: 60px;

	font-size: 10px;

}

.menu1 a:hover {



}

#mainContent li {

	margin-bottom: 20px;

	text-align: justify;

	margin-left: 0px;

	padding-left: 0px;

}

#mainContent ul {

	margin-left: 0px;

	padding-left: 0px;

}

#mainContent ol {

	margin-left: 20px;

	padding-left: 0px;

}

.menu2 .csc-abstract {

	margin-left: 20px;

	margin-right: 20px;

	color: #999;

	font-size: 9px;

	line-height: 10px;

	margin-bottom: 5px;

	margin-top: 0px;

}

sup a {

	color: #111;

}

#sidebar {

	float: right;

}

.tx-jppageteaser-pi1 h1 {

	margin: 0px;

	padding: 0px;

}

.tx-jppageteaser-pi1 p {

	margin: 0px;

	padding: 0px;

}

.teaseItem {

	margin-bottom: 10px;

	background-color: #eee;

}

.tx-jppageteaser-pi1 {

	position: relative;

	float: right;

	width: 360px;

	margin: 120px 0px 0px 0px;

}

#mainContentT {

	width: 360px;

	margin-right: 20px;

}

.nllistman {

	font-size: 9px;

	text-align: center;

	top: 0px;

	right: 0px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	color: #444;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.nllistman input {

	font-size: 8px;

	text-align: center;

	height: 12px;

	border: 1px solid #999;

	color: #999999;

	width: 60px;

	margin: 0px;

	padding: 0px;

}

.nllistman form {

	margin: 0px auto;

	padding: 0px;

	margin: 0px auto;

}

.nllistman .submit input {

	height: 14px;

}

.csc-header a {

	font-size: 1.2em;

	font-weight: bold;

}

.dedicatoria {

	font-family: "Century Gothic", Arial, Verdana, sans-serif;

	font-size: 9px;

	color: #333333;

	margin-right: auto;

	margin-left: auto;

	font-style: italic;

}
.dossier_texto {
    width:360px;
    float:right;
    margin:0px 0px 0px 10px;
    text-align: justify;
}

.column1 {
    float: left;
}
.column2 {
    float:right;
}
.dossier_small {
    float:right;
    margin: 0px 0px 20px 20px;
}

.menu2 {
    text-align: left;
}
blockquote, blockquote p {
	color: #666;
}

.endnotes {
	font-size: 85%;
	line-height: 1.2em;
}

.endnotes a.number {
	display: block;
	float: left;
}

.endnotes p {
	margin: 0 0 1.2em 1.8em;
	clear: both;
}

.caption {
	font-style: italic;
	font-size: 85%;
	margin: 0px 0px 0px 0px;
}
.list img {
	margin: 0px 10px 15px 0px;
} 
.list {
	margin: 0 0 0 50px;
	font-size: 85%;
	line-height:1.2em;
}
.list hr {
	color: #ddd;
	width: 50%;
	text-align: left;
	margin: 3em 0;
}
#icons {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: right;
    font-size: 75%;
}