

body {
	margin: 0px 0px 0px 0px;
	background-image:url(fdopuntos.gif);
	background-color: #FFFFFF;
	text-align: center;
	}

#contenido {
	line-height: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 960px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}

#google {
	text-align: center;
	}

a:link {
	color: #358;
	}

a:visited {
	color: #666666;
	}

a:hover {
	color: #DD6600;
	}


h1, h2, h3 {
	margin: 0px;
	margin-top: 10px;
 	margin-bottom: 5px;
	padding: 0px;
	text-align: left;	
	font-weight: normal;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	color: #DD6600;
	}

h1 {
	font-size:18px;
	font-weight: bold;
}	
h2 {
	font-size:16px;
	font-weight: bold;
}

/* Encabezado */

form {margin: 0;} 

#enc-img {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	BACKGROUND: url(images/elmidi-midi-encabezado1.jpg) no-repeat;
	HEIGHT: 79px;
	}

#facebook {
	width: 450px;
	bacground-color: #fff;
	padding-left:400px;

}

#menusuperior    {
	background-color: #f6f6f6;
	border-top: 2px solid #999999;
	border-bottom: 1px solid #CCCCCC;
	padding: 0px;
	margin: 0;
	line-height: 12px;
 }

 ul#menusup
 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
 }

 ul#menusup li
 {
	float: left;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0px 0px 5px; 
	list-style: none;
	background-color: #f6f6f6;
	padding-right: 15px;
 }

ul#menusup li img  {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0;
	}


body#home #navlisthome, body#about #navlistabout, body#archiv #navlistarchiv, body#archiveintrag #navlistarchiv, body#mediamondo #navlistmediamondo, body#links #navlistlinks, body#buecher #navlistbuecher, body#kontakt #navlistkontakt {
color: #666666;
background-color: #e9e9e9;
}
	
/* GRUPOS */


#center {
	float: left;
	width: 740px;	
	overflow: hidden;
	}
/*  bt demo y comprar */
#registrese  {
	float: left;
	/ float: center;
	width: 185px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/ padding: 0px 0px 0px 0px;
	border-left: 1px solid #cccccc;
	border: 0;
	}

#registrese img  {
	border: 0;
	}

.comprar  {
	float: right; 
	font-size: 10px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 5px 0px 0px;
	}

.carroline {
	border-bottom: 1px dotted #CCCCCC;
	}

/*GRUPOS=Contenido>*/

.content {
	color: #333333;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background-color: #ffffff;
	padding: 10px 10px 0px 10px;
	/ padding: 15px 10px 10px 15px;
	border-right: 1px solid #cccccc }

.contentpie {
    background-color: #FFFFFF;
    color: #333333;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    font-size: 14px;
    padding: 20px 10px 20px 15px;
    text-align: right;
}

.content p {
    color: #333333;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 120%;
    margin-bottom: 0;
    margin-top: 0;
}

.content p.nombre  {
	font-weight: bold;
}

.content p.alerta  {
	color: #FF0000;
}

.content ul {
	list-style-type:none; 
	color: #333333;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	line-height: 100%;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
}

.content ul.listamidis { 
	color: #333333;
	font-weight: normal;
	font-size: 11px;
	padding: 0px 0px 0px 15px;  
	/ padding: 0px 0px 0px 0px;  
	margin: 0 0 0 0;
	/ margin: 0 0 15px 0;
	text-align: left;
	}

.content li  {
	float: left; 
	width: 345px; 
	margin: 0px 0px 0px 0px; 
	padding: 6px 0px 6px 0px; 
	border-bottom: #999999 1px dotted
	}

.content li img {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
}


.content h2 {
	color: #DD6600;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: medium;
	/*border-bottom: 1px dotted #CCCCCC;*/
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 3px;
	}

.content h3   {
	color: #DD6600;
	font-size: big;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	text-align: left
	}

.content h3 {
	color: #DD6600;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 13px;
	/* border-bottom: 1px dotted #CCCCCC; */
	text-align: left;
	font-weight: bold;
	}


.content h4 {
	color: #333333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 14px;
	border-bottom: 1px dotted #CCCCCC;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 3px;
	}

/* para titulos secciones */
.content h5 {
	color: #DD6600;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 23px;
	/* border-bottom: 1px dotted #CCCCCC; */
	text-align: left;
	font-weight: normal;
	}


/* BARRA DERECHA */

#right {
	float: left;
	width: 220px;
	\width: 230px;
	w\idth: 220px;
	background-color: #F6F6F6;
	overflow: hidden; 
	}

/*grupo menu derecha*/

.hello{
	color: #333333;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
	background-color: #E6E6E6;
	padding: 5px 5px 5px 5px; 
	border-bottom: 2px solid #cccccc;
}

#btmenuder li a:hover {
/*	BACKGROUND-color: #CCCCCC;  */
	COLOR: #FF6600; 
	TEXT-DECORATION: none
}



.menuder{
	padding: 0px 10px 10px 10px;
}

.menuder p  {
	color: #333333; font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 15px;
	text-align: left;
	}

.menuder h2 {
	color: #333333;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	border-bottom: 1px solid #999999;
	margin-bottom: 5px;
	margin-top: 15px;
	}


.menuder h3 {
	color: #358;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: 17px;
	}
	
.menuder ul {
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	}

/*.menuder li  {
	color: #333333;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	line-height: 15px;
	text-align: left;
	background-color: #999999;
	}*/

.menuder img {
	border: 0;
	padding: 10px 0px 0px 0px;
	}
	
/*</group>*/

#btmenuder li {
	color: #333333;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
	background-color: #f6f6f6;	
	margin:0 0 0 0; 
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dotted #cccccc;
	list-style-image: url('images/icobt-na.gif');
	/ list-style: url('images/icobt-na.gif') inside;
	vertical-align: middle;	
	}

#btmenuder li a {
	DISPLAY: block; 
	COLOR: #333; 
	TEXT-DECORATION: none;
}
#btmenuder li a:hover {
/*	BACKGROUND-color: #CCCCCC;  */
	COLOR: #FF6600; 
	TEXT-DECORATION: none
}


.carroEnc  {
	color: #eaeaea; 
	background-color: #999999;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
	}

.txtcarro  {
	color: #333333;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
	margin-bottom: 0px; }

.txtAlert  {
	color: #FF0000;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 0px; }

.txtAlert2  {
	color: #FF0000;
	font-size: 10px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
}

.titImprimir {
	color: #333333;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 0px; }

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

#line {
	margin-top: 10px;
	border-top: 1px solid #cccccc;
	}


textarea[id="comment-text"] {
	width: 80%;
	}

input, textarea, select {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
	color: #444;
	}

input.button {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #666;
	background: #f3f3f3;
	font-weight: bold;
	margin-top: 0px;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

/*<group=pie>*/

#pie {
	border-top: 1px solid #e8e8e8;
	background-color: #f5f5f5;
	padding: 5px 5px 5px 15px;
	}

#pie p {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	color: #999;
	}

#pie a, #pie a:link, #pie a:visited {
	color: #999;
	text-decoration: underline;
	}

#pie a:hover {
	color: #666;
	text-decoration: underline;
}


#enlaces{
	padding: 5px 5px 5px 15px;
	}

#enlaces p {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	color: #999;
	}

#enlaces a, #enlaces a:link, #enlaces a:visited {
	color: #999;
	text-decoration: underline;
	}

#enlaces a:hover {
	color: #999;
	text-decoration: underline;
}
	
/*</group>*/



/*<group=Links>*/

.links  { padding: 0px }

.links a {
	text-decoration: underline;
	}

.links a:link {
	color: #369;
	}

.links a:visited {
	color: #666666;
	}

.links a:active {
	color: #000000;
	}

.links a:hover {
	color: #000000;
	}

.links h4 {
	color: #369;
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: 15px;
	margin-bottom: 0px;
	}
	
#democomprar{
	float: left;
	margin-top: 0px;
 	margin-bottom: 10px;
}
#demovolver{
	float: right;	
}
#demoflash{
	float: inherit;
	margin: 0 0 0 0;
	padding: 20px 10px 0px 10px;
	/ padding: 0px 0px 0px 0px;	
}

#share-box {
    height: 40px;
    margin: 20px auto 0px;
    width: 740px;
}
#twitter-widget {
    float: left;
}
#facebook-widget {
    color: #FFFFFF;
    float: left;
}
#social-box div {
    float: left;
}
