@charset "utf-8";
/* CSS Document */

*
{
	border-top-width: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-right-width: 0px
}

BODY
{
	/*background: #f6f7f7 url(../../images/body/body-bg.gif) repeat-x left top;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/*font-size: 11px;*/
	/*color: #53626C;*/
	color: #545454;	
	/*color: #B5B5B5;*/
	line-height:18px	
}

a
{
	color: #ffffff;
	text-decoration: none
}

a:hover
{
	color: #D9A52F;
}


#container
{
	background-position: left top;
	background-image: url(../../images/body/body-bg.gif);
	background-repeat: repeat-x;
	background-color: #F6F7F7
}

#wrapper
{ 
	margin: 0px auto;
	width: 770px;
	background-color: #151A25
}

#header
{
	margin: 0px auto;
	width: 770px
}

#header #head
{
	background: url(../../images/header/header_CNDM2_r1_c1.jpg) no-repeat;
	width: 770px;
	height: 230px;
	/*margin: 5px 0 0 0;*/
}

#header #logo
{
	float: left;
	background: url(../../images/header/header_CNDM2_r2_c1.jpg) no-repeat;
	width: 230px;
	height: 20px
}

#header #leyenda
{
	float: right;
	width: 540px
}

/*******************************************************************************************************/

.divisor
{
	background-color:#e6b01e;
	line-height: 6px;
}

#content
{
	clear: both;
	margin: 0px auto;
	width: 770px;
	/*background-color: #151A25;*/
	OVERFLOW: auto;
}

#content #legend
{
	padding-bottom: 20px
}

#content #body
{
	clear: both;
	padding-bottom: 20px;
}

H4
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #667baf
}

#main P
{
	font-size: 1.1em;
	margin-bottom: 20px;
	line-height: 1.8em;
	text-align: justify
}

#body #main
{
	float: right;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 15px;
	padding-bottom: 0px;
	width: 530px;
	color: #B5B5B5;	/*esto estaba en el body */
}

#body #main H4
{
	font-size: 1.7em;
	color: #e6b01e;
	border-bottom: #242d40 1px dashed;
	letter-spacing: 0.1em;
	text-transform: uppercase
}

#body #main UL
{
	font-size: 1.1em;
	color: #B5B5B5;
	line-height: 2em;	
	list-style-type:disc;
	padding-left: 15px;	
}

#body #main LI
{
	text-align: justify;
}

#menu
{
	float: left;
	width: 180px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
}

#menu H4
{
	font-size: 1.7em;	
	border-bottom: #667baf 2px solid;
	letter-spacing: 0.1em;
	text-transform: uppercase
}

#menu a
{
	color: #667087;
	/*text-transform: uppercase*/
}

#menu a:hover
{
	color: #e6b01e;
}

#menu UL
{
	font-size: 1.1em;
	margin-bottom: 20px;
	line-height: 1.7em;
	list-style-type: none
}

#menu LI
{
	display: block;
	padding-left: 5px;
	padding-bottom: 6px;
	padding-top: 5px;
	color: #667087;
	text-indent: 17px;
	border-bottom: #1f2636 1px solid;
	text-align: justify
}
	
#menu LI
{
	background-image: url(../../images/modules/flecha1.png);
	background-repeat: no-repeat;
	background-position: 5px 9px; 
}

#footer
{
	clear: both;
	margin: 0px auto;
	width: 770px;
	background-image: url(../../images/body/footer_shade.gif);
	background-position: center top;
	background-repeat: repeat-x;
	color: #202739;
	padding-top: 55px;
	background-color: #0a0e17
}

#footer #copy
{
	font-size: 1.1em;
	color: #384563;
	text-align:center;
	padding-bottom: 10px	
}

.clear
{
	clear: both;
}

.left
{
	float: left
}

.right
{
	float: right
}



#content #plug-show {
	margin-bottom: 30px;
}

#content .plug {
	height: 308px;
	margin-bottom: 55px;
	width: 520px;
}

#plug1 {
	background-image: url(../../images/staclara/1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#plug2 {
	background-image: url(../../images/staclara/2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#plug3 {
	background-image: url(../../images/staclara/3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#plug4 {
	background-image: url(../../images/staclara/4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#plug5 {
	background-image: url(../../images/staclara/5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#plug6 {
	background-image: url(../../images/staclara/6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#plug7 {
	background-image: url(../../images/staclara/7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#content .plugtitle1 {
	width: 520px;
	padding: 60px 0 0 0;
	text-align: right;
	float: left;
}

#content .plugtitle2 {
	width: 520px;
	padding: 50px 0 0 0;
	text-align: right;
	float: left;
}

#content .plugtitle3 {
	width: 520px;
	padding: 60px 0 0 0;
	text-align: right;
	float: left;
}

.images img
{
	padding: 4px;
	border: 1px solid #dbdde0;
}

.imgcenter
{
	text-align: center;
	display: block;
	margin: auto;
	margin-bottom: 20px;
}

.imgcenter img
{
	padding: 4px;
	border: 1px solid #dbdde0;
}

.imgcenter p {
	margin-bottom:0px; 
	margin-top: 6px; 
	color: #FFFFFF;
}

.centerAlignImage
{
	text-align: center;
	display: block;
	margin: auto;
}

.centerAlignImage {
	padding: 4px;
	border: 1px solid #CCCCCC; 
	width: 200px;
	height: auto;
	color: #666666;
	font-size: .9em;
}

.centerAlignImage.width400 {
	padding: 4px;
	border: 1px solid #CCCCCC; 
	width: 400px;
	height: auto;
	color: #666666;
	font-size: .9em;
}


.centerAlignImage img { 
	width: 200px; 
	border: none;
}

.centerAlignImage.width400, .centerAlignImage.width400 img { 
	width: 400px; 
	border: none;
}

.centerAlignImage p { margin-bottom:0px; margin-top: 6px; color: #FFFFFF;}





.leftAlignImage, .rightAlignImage { display: inline; }

.leftAlignImage img, .rightAlignImage img { 
	width: 200px; 
	border: none;
}

.leftAlignImage.width300, .leftAlignImage.width300 img, .rightAlignImage.width300, .rightAlignImage.width300 img {
	width: 300px !important;
	height: auto;
}

.leftAlignImage.width400, .leftAlignImage.width400 img, .rightAlignImage.width400, .rightAlignImage.width400 img {
	width: 300px !important;
	height: auto;
}


.leftAlignImage.width500, .leftAlignImage.width500 img, .rightAlignImage.width500, .rightAlignImage.width500 img {
	width: 500px !important;
	height: auto;
}

.leftAlignImage, .rightAlignImage {
	padding: 4px;
	border: 1px solid #CCCCCC; 
	width: 200px;
	height: auto;
	color: #666666;
	font-size: .9em;
}

.leftAlignImage { 
	float: left;
	margin-right: 10px;
}
.rightAlignImage {
	float: right;
	margin-left: 10px;
}
.rightAlignImage p:first-child, .leftAlignImage p:first-child  { margin-left: 0px;  margin-top: 0px; }
.rightAlignImage p, .leftAlignImage p { margin-bottom:0px; margin-top: 6px; color: #FFFFFF;}


.pages {
	float: right;
	width: 290px;
	margin-bottom: 20px;
}

.button,a.button ,a.button:visited{
	text-decoration:none;
    color:white;
    /*border:1px solid #41749a;*/
    /*background-color:#85C329;*/
	background-color:#667087;
    cursor:pointer;
    margin-right:1px;
    margin-left:1px;
    padding:4px 7px;
	font-size: 1.1em;
}

.button:hover,a.button:hover {
	cursor:pointer;
	/*border:1px solid #41749a;*/
	/*background-color:#FB9622;*/
	background-color:#e6b01e;
	color:white;
}

.button a{color: #fff;}