@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-size: 14px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: url(/media/img06/backgroundComic.jpg);
	position: relative;
}

#container {

	width: 740px;

	text-align: left; /* 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/fileadmin/template/4/img/random/rotate.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 divs. 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;

} 

#footer {
	padding: 0px;
	text-align: center;
	height: 70px;
	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;
	background-color: #333333;

} 

#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;

	font-style: italic;

	left: 0px;

	margin: 20px 0px;

}

p {

	margin:0px;

	padding: 0px;

}

p.bodytext, p.first {

	margin: 0px 0px 20px 0px;

	padding: 0px;

}

.bodytext {

	text-align: justify;

}



.bodytext img {





}

.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: 5px;

}

.menu2 #sel {

	color: #373737;

	background-color: #F3F3F3;

}

p.nota {

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

}



p.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 {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #990;

}

.foot {
	color: #CCCCCC;
	margin: 0px 0px 0px 200px;
	padding: 10px 30px 10px 10px;
	background-repeat: repeat-x;
	text-align: right;

}


#Port1 {
	float: left;

	margin-right: 20px;

	width: 340px;

}

#Port2 {
	margin: 10px 0 0 0;
	/*float: right;*/
}

#Port3 {
    margin: 0px 0px 10px 10px;
    /*width: 370px;*/

    }





#Port2 .titulo a {
	color: #666;
	text-align: right;
	background-image: url(img/animateBGin.gif);

}

#Port2 a, #Port2 {
	color: #444;
	

}

#Port2 .content {
}

#Port2 .content a {
	text-indent: 0px;
    line-height: 13px;
	font-size: 11px;
	text-align: left;
	background-color: #ccc;
	display: block;
	font-weight: bold;
	margin: 5px;
	width: 340px;
	height: 24px;
	padding: 10px 5px 5px 15px;
    float: left;
	}

#Port2 a:hover {
	color: #eee;
    background: #444 url(img/animateBG.gif);
    border-color: #BCC81E;
}

#Port3 .content {
	width: 171px;
	margin: 5px;
	position: relative;
	float: left;

}

#Port3 a {
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	color: #777;

}

#Port3 img {

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

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 {

	color: #fff;

	}

#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;

}

.dedicatoria {

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

	font-size: 9px;

	color: #333333;

	margin-right: auto;

	margin-left: auto;

	font-style: italic;

}
#Port2 em, #Port2 i {
	font-weight: normal;
	font-size: 12px;
}
#Port3 a:hover {
	border-top-color: #BCC81E;
	border-right-color: #BCC81E;
	border-bottom-color: #BCC81E;
	border-left-color: #BCC81E;
	color: #FFFFFF;
}


.hecho  {
	padding: 6px 0 0 0;
	display: block;
	font-size: 85%;
	color: #aaa;
}
.banners {
	position: absolute;
	top: 130px;
	right: -170px;
}
.banners a {
	display: block;
	margin: 0 0 10px 0;
}

#icons {
    position: absolute;
    right: 0px;
    top: 0px;
}