/* CSS Document */

body{background: #e3e3e3 url(imgs/bg_body.jpg) repeat-x; text-align: center; font: normal 12px Arial, Helvetica, sans-serif;}
#wrap {width:764px; height: auto; margin-left: auto; margin-right: auto; margin-top: 40px; padding:0;}
#wraptop{background:url(imgs/bg_wrap_top.jpg) no-repeat; width: 764px; height: 11px; border: 0px solid #000; float: none; margin: 0 0 -3px 0;}
#wrapcontent{ clear: both; background:url(imgs/bg_wrap_body.jpg) left top repeat-y; float: left; height: auto;}
#wrapbottom{ background: url(imgs/bg_wrap_bottom.jpg) no-repeat; width:763px; height: 13px; float: left; margin:0; padding:0; border:0px solid #000; z-index: 100;}

a{color: #336666;}
a:hover{color: #339966;}

ul{list-style:none; margin:10px 0 0 10px; padding:0; text-align:left;}
li{margin:0; padding:0 0 5px 0;}
li a{ background: url(imgs/ico_square_green.gif) left 4px no-repeat; text-decoration: none; padding:0 0 0 15px;}

#slogan-index h1{font: bold 50px Arial, Helvetica, sans-serif; color:#fff; text-transform: uppercase; margin:250px 10px 0 0; padding:0; text-align: right; letter-spacing:-0.09em; line-height: 35px;}
#slogan-index h2{font: bold 31px Arial, Helvetica, sans-serif; color:#7AC193; text-transform: uppercase; margin:0px 10px 10px 0; padding:0; text-align: right; letter-spacing:-0.09em;line-height: 25px;}
h3{font: bold 12px Arial, Helvetica, sans-serif; color:#336666; text-transform: uppercase; margin:10px 0 0 0; padding:0;text-align: left;}

#col-left{ width: 180px; float: left; border: 0px solid #000; margin: 0 5px 0 0px; padding: 0 0 0 12px; border:0px solid #000; height: auto;}
	#logo{background:url(imgs/bg_logo_index.jpg) no-repeat; width:181px; height:180px; border-bottom: 5px solid #fff;}
	#login-index{ margin: 0 0 0 0px; background: url(imgs/bg_login_index.jpg); width:180px; height: 150px; border-bottom: 5px solid #fff;}
	#login-index p, #login-index h3{float:left; margin:10px 0 0 0px; padding:0 12px; text-align: left;}
	#login-index p {font-size: 10px; margin: 5px 0 0 0; text-align: left;}	
	#login-index a{text-align:left;}
	#foot-index{ background:url(imgs/ico_foot.gif) left top no-repeat; float:left; text-align: left; font: normal 11px Arial, Helvetica, sans-serif; margin:5px 0 5px 10px; color:#336666; padding: 10px 0 10px 0; height: 20px; width:100px;}

#col-right{ width:555px; float:left; border: 0px solid #000; text-align: left; }
	.indexpic {background:url(imgs/bg_pic_home.jpg) no-repeat; width: 555px; min-height: 447px;}

/*\*/
* html .indexpic {
height: 447px;
}
/**/

#menu{ background: url(imgs/bg_menu.jpg) no-repeat; width: 555px; height: 110px;}
#menu ul{float: left; list-style: none; margin:12px 0 0 5px; padding:0;}
#menu ul li{display: inline; margin: 0px 0 0 5px; padding: 4px 0;}
#menu ul a{ padding: 4px 8px; background:#FFFFFF; text-decoration: none; text-transform: uppercase; font: bold 11px Arial, Helvetica, sans-serif; height: 18px;}
#menu ul a:hover{background:#336666; text-decoration: none; text-transform: uppercase; font: bold 11px Arial, Helvetica, sans-serif; color: #fff;}

#content-trans{background-color: white; opacity:0.9; filter:alpha(opacity=90);-moz-opacity:0.9; padding:10px; margin: 0 10px 10px 10px; }
/*\*/
* html #content-trans {
width: 100%;
}
/**/

#content{ margin: 0px; text-align: left; clear: both; position: inherit;}
#content h1{ font: normal 22px Arial, Helvetica, sans-serif; color:#339966; }
#content h2{ font: normal 26px Arial, Helvetica, sans-serif; color: #336666;}
#content h1, #content h2{text-align: left; text-transform: uppercase; margin:0 0 10px 0; padding:0; line-height: 20px; letter-spacing:-0.09em;}
#content p{text-align: left; font-size:12px;}
#content p.bodytext{text-align: left; font-size:12px; margin:0 0 10px 0; padding:0;}

.left{ float: left; width: 300px; margin: 0;}
.right{ float: right; width: 200px; margin: 0;}

#design{float: none; margin:5px 0 0 0; font-size:10px; text-align:center; font: normal 10px Arial, Helvetica, sans-serif; color:#336666;}

form{ text-align: left; float: left; margin: 0; padding:0 0 0 12px; width: 100%;}
#content form{ text-align: left; float: left; margin: 0; padding:0; width: 100%;}
fieldset{border:none; margin:0; padding:0;}
label{text-align:left; margin: 5px 0 0 0; float: left; font: normal 11px Arial, Helvetica, sans-serif; width: 100%;}
input, textarea{ float: left; width: 100%; margin:0; padding:0; border: 1px solid #339966; display: compact;}
input.field{ float: left; width: 145px; height: 17px; margin:0; padding:0; border: 1px solid #339966;}
input.button, input.csc-mailform-submit{ float: left; width: auto; font: normal 11px Arial, Helvetica, sans-serif; background: #336666; color:#fff; border: 0px solid #339966; border-width: 0 1px 1px 0; margin: 5px 0 0 0; padding: 2px;}

/*  ESTILOS DE LOS ACORDEONES */

.Accordion {border: none; overflow: visible; margin:0; padding:0; }
.AccordionPanel {margin: 0; padding: 0px;}
.AccordionPanelTab {
	margin: 10px 0 0 0; padding: 0px;
	cursor: pointer;
	text-transform: uppercase;
	font: bold 12px Arial, Helvetica, sans-serif;	
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {overflow: hidden;	margin: 0px; padding: 0 0 0 18px;}
.AccordionPanelContent .row{clear: both; margin:0px; padding:0;}
.AccordionPanelContent .left{ float: left; width: 15%; margin:0; padding: 0 20px; border:0px solid #66FF00; font-weight: bold;}
.AccordionPanelContent .right{float: left; width: 75%; margin:0; border:0px solid #ccc; text-transform: uppercase;}
.AccordionPanelContent p{margin:5px 0 15px 0; padding:0;}

.AccordionPanelOpen .AccordionPanelTab {font: bold 12px Arial, Helvetica, sans-serif; margin:10px 0 0 0; padding:0;}
.AccordionPanel .AccordionPanelTab h1 {background: url(imgs/ico-arrow-left.gif) right 5px no-repeat;}

.AccordionPanelTabHover {font-weight: bold;}
.AccordionPanelOpen .AccordionPanelTabHover {font-weight: bold;}

.AccordionFocused .AccordionPanelTab { font-weight: bold; margin:10px 0 0 0; }

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab h1 { font-weight: bold; margin:0; background: url(imgs/ico-arrow-down.gif) right 5px no-repeat;}

/* TYPO3 STYLES ****************/
.uploads{ float: left; position: inherit; margin: 10px 0 0 0;}
.tx-mocfilemanager-pi1, .tx-mocfilemanager-pi2{ font: normal 10px Arial, Helvetica, sans-serif; position:inherit; margin: 10px 0 0 0;}
.tx-mocfilemanager-pi1 table, .tx-mocfilemanager-pi2 table{ float: none;}

.tx-mocfilemanager-pi1 .filelink a{border: 0px solid #000; border: none;}
.tx-mocfilemanager-pi1 img{border: 0px solid #000; border: none; margin:0; padding:0;}
.tx-mocfilemanager-pi1 form{border: solid #000; border-width: 2px 0 1px 0; margin:10px 0 0 0; padding:10px 5px 5px 5px; float: left; background: #F5F5F5;}

div.tx-mocfilemanager-pi1 TABLE.mounttable TD { padding: 0px; font: normal 10px Verdana; width: 50%;}
div.tx-mocfilemanager-pi1 TABLE#contenttable TD { padding:0; font: normal 10px Verdana; }
div.tx-mocfilemanager-pi1 .filelink { font: normal 10px Verdana; color: #000033; text-decoration: none;}
div.tx-mocfilemanager-pi1 TABLE#contenttable TD.borderbottom { padding: 0px;border-bottom: 1px solid black;}
div.tx-mocfilemanager-pi1 .filelink:hover {text-decoration: underline;}
div.tx-mocfilemanager-pi1 .filelinkactive { font: normal 10px Verdana; color: #000033; text-decoration: none;}
div.tx-mocfilemanager-pi1 { font-family: Verdana; font-size: 22px; color: #000033;}
div.tx-mocfilemanager-pi1 .filelinkactive { font: normal 10px Verdana; color: #000033; text-decoration: none;}
div.tx-mocfilemanager-pi1 .filelinkactive:hover{ text-decoration: underline;}
div.tx-mocfilemanager-pi1 .action {font-family: Verdana, Arial, Helvetica; font-size: 7pt;color: #333333;border:#666666 solid 1pkt;background-color: #ffffff; width: 140px;}

.tx-mocfilemanager-pi1 .actionButton {font-family: Verdana, Arial, Helvetica;font-size: 7pt;color: #333333;border:#666666 solid 1pkt;background-color: #ffffff; width: auto;}

div.tx-mocfilemanager-pi1 #contenttable{ position: inherit; margin: 10px 0 0 0;}
div.tx-mocfilemanager-pi1 .actiontable { position: inherit; margin: 10px 0 0 0;}
div.tx-mocfilemanager-pi1 .actiontable td {width: 50%;}
div.tx-mocfilemanager-pi1 .command {font: bold 10px Verdana; color: #000033; font-weight: bold; width: 50%; margin: 10px 0 0 0;}
div.tx-mocfilemanager-pi1 .info {font-family: Verdana; font-size: 10px; color: #000033; font-weight: normal;}
.mountname {display: block; padding: 0 0 5px 0;}
div.tx-mocfilemanager-pi1 .dirpath {font-family: Verdana; font-size: 12px; color: #000033; font-weight: bold; margin:-5px 5px 0 0;}
div.tx-mocfilemanager-pi1 P { font-family: Verdana; font-size: 12px; color: #000033; text-decoration: none;}
div.tx-mocfilemanager-pi1 TABLE.MainInfoTable { border: 1px solid #000033; background-color: yellow; padding: 5px;}


/* ESTILOS DE LA APLICACION */

#aplicacion label{float:left; width:99%; font-weight: bold; border-bottom: 1px solid #000;}
#aplicacion label.radio{float:left; width: auto; margin: 5px 15px 0 0; font-weight: normal; border: none;}

#aplicacion input, #aplicacion textarea{float:left; width: 99%;  margin:5px 0 10px 0;}
#aplicacion textarea{height: 70px;}
#aplicacion input.radio {float:left; margin: 1px 5px 10px 0; width: auto;}
#aplicacion input.btn { clear:both; float:left; margin: 0 0 10px 0; width: auto;}

#aplicacion .resultado{float:left; width: 100%;}
#aplicacion .resultado h1{margin:0; padding:0;}
#aplicacion .resultado h2{margin:10px 0 0 0; padding:0; font: bold 14px Arial, Helvetica, sans-serif; letter-spacing:-0.05em;}
#aplicacion .resultado p{margin:5px 0; padding:5px; background: #DBFCD8; border: 1px solid #009933;}
#aplicacion .resultado a{margin:5px 0; padding:5px 0; line-height:15px;}