/*  These styles prevent the navigation and advertising from printing  */

@media print {
	.no-print {display:none}
	.topNav  {display:none}
	#pageTemplateTop {display:none}
	.pageTemplateBottom {display:none}
	nav#leftSideBar {display:none}
	#rightSideBar {display:none}
}

/*  These styles are the defaults for both the dwt templates and the editable content  */

body         { background-color: rgb(255, 255, 255); line-height:140%; font-size: large; color:black; font-family: Helvetica, Arial, sans-serif  }

p	{ padding-top:5px; padding-bottom:5px }

ul           { list-style-image: url('images/dltkbullet1.gif'); margin-top:20px; padding-bottom:10px }
ul.materialesLista li { padding-bottom:5px }
ul ul        { list-style-image: url('images/dltkbullet2.gif'); margin-top:20px; }
ul ul ul     { list-style-image: url('images/dltkbullet3.gif'); }
li			    { list-style-position: outside; padding-bottom:20px; }
a:link       { color: #336600; }
a:active     { color: rgb(0, 153, 0); }
a:visited    { color: #663300; }
h1           { color:#006600; font-size: xx-large; font-weight: normal; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif; line-height:120% }
h2           { color: green; font-size: x-large; font-weight: normal; font-style: normal; line-height:200% }
h3           { color: #800000; font-size: large; font-weight: normal; font-style: normal }
h4           { color: #800000; font-size: medium; font-weight: normal; font-style: normal }
h5           { color: #333300; font-size: small; font-weight: normal; font-style: normal }
h6           { color: #333300; font-size: x-small; font-weight: normal; font-style: normal }
table        { line-height:110%; border:0; padding:3px; width:100% }

img { max-width: 100%; }

/*  These styles are for the dwt templates    */
/*  Remember . indicates a CLASS which can be used multiple times on a page  
	   while # indicates an ID which should only be used once per page  */

div#container { width:100%; margin:5px auto; clear:both }
div#containerLarge { width:100%; margin:5px auto; clear:both; max-width:1300px }
article#contentMain { float:left; width:70%; margin-left:10px ;padding:0 1% 0 1%}
article#contentLarge { float:left; width:85%; margin-left:10px; margin: auto; padding:0 1% 0 1%}

#pageTemplateTop { width:100% }
.pageTemplateBottom { width:100% }
div.button { float:left; width:300px; margin-top:20px; text-align:left; overflow:hidden;  }
div#advertisingBanner { float:left; width:728px; height:100px; text-align:center; padding:0px }

nav.greyFullWidth { width:100%; background-color: #F8F7E9; height:60px; margin:0 }
div.socialMedia { float:right; height:40px; width:50px; text-align:center; overflow:hidden; padding-top:10px }
div.siteNav { float:left; width:200px; height:40px; text-align:center; overflow:hidden; font-size:medium; padding-top:10px }
div#searchBox { float:left; margin-left:40px; width: 600px; height: 50px; }

nav#leftSideBar { float:left; width:12%; overflow:hidden; text-align:left; margin:auto; line-height:100%; padding: 15px 0 15px 0; font-size: small; background-color: #F8F7E9; height:3200px; }
#rightSideBar { float:right; width:13%; overflow:hidden; text-align:right; margin:auto; background-color: #F8F7E9; padding: 15px 0 15px 0; height:3200px; }
nav.footerThree { float:left; width:33%; padding: 5px 0 5px 0; background-color: #F8F7E9; border:1px; border-style: solid; border-color: maroon; text-align:center; margin-bottom: 25px }
nav.footerFour { float:left; width:24%; padding: 5px 0 5px 0; background-color: #F8F7E9; border:1px; border-style: solid; border-color: maroon; text-align:center; margin-bottom: 25px }
  
/*  These styles are for the editable content  */
/*  Remember . indicates a CLASS which can be used multiple times on a page  
	   while # indicates an ID which should only be used once per page  */

.topNav { padding:15px 0 15px 0; margin:0; font-size:small; width: 100%; background-color: #F8F7E9; line-height:100%; }
.autor { font-size: small; font-style:italic }
header#mainHeader   { margin-bottom:10px }
h3#materiales   { padding-top: 20px }

.pageTitleShrink { font-size: medium; font-family: Helvetica, Arial, sans-serif }

.printVersionLink { background-color: #ffff99;  }

.indentLarge   { margin-left: 80px }
.indentSmall   { margin-left: 40px }

.indexImage { float:left; text-align:center; margin: 0 20px 0 20px; min-width:200px; max-width:300px; min-height:100px; vertical-align:middle }
.indexText  { float:left; margin:0; min-width:150px; max-width:600px; min-height:100px; vertical-align:middle }

.indexHighlight { padding: 15px 0 15px 0; font-size: small; font-weight: bold; width: 100%; background-color: #F8F7E9; }

.textLarge { font-size:  large;  }
.textmedium { font-size:  medium;  }
.textSmall { font-size: small; }

tr.colorDibujos { text-align: center; font-weight: bold; font-size: small; vertical-align:bottom; line-height:100%; }
tr.colorDibujos img { border: 1px solid green; }

.floatStop { clear:both; margin: 10px 0 10px 0 }
.floatRight { float: right; margin: 0 0 20px 20px; vertical-align: text-top; text-align:center; }
.floatLeft { float: left; margin: 0 40px 5px 0; vertical-align: middle; text-align:center; }

div.indiceTexto { margin-left: 30px }

div.columnsTwo { float: left; padding: 20px; margin: 20px 20px 0px 20px; width: 40%; border: 1px solid gray; }
div.columnsTwoNoBorders { float: left; padding: 5px; margin: 10px 10px 0px 10px; width: 42%; text-align:center }
div.columnsThree { float: left; padding: 10px; margin: 0 5px 5px 0; width: 30%; text-align:center }
div.columnsThreeBorders { float: left; padding: 20px; margin: 10px 10px 10px 10px; width: 26%; border: 1px solid gray; }
div.columnsFour { float: left; text-align:center; padding:3px; margin:6px; width: 190px; min-height:245px; font-size: medium; border: 1px solid gray }
div.columnsFour img { border: 1px solid green; }