@charset "utf-8";

#escribir {
	width:570px;
	background:#F1AB00 url(images/fondo_escriba.gif) bottom center no-repeat;
	margin:0 auto;
	margin-top:20px;
	min-height:585px;
}

#escribir .menu {
	background:url(images/cuadrote.gif) no-repeat;
}

#escribir .menu ul{
	margin:0;
	padding:0;
	
}

#escribir .menu li {
	display:block;
	list-style:none;
	width:108px;
	height:40px;
	float:left;
	background:url(images/fondo_menu.png) no-repeat;
	margin:3px 0 0 3px;
	line-height:20px;
	font-size:10px;
	font-weight:bold;
	padding-left:6px;
	color:#2E77AA;
}

#escribir .menu ul .blanco {
	color:#5D5347;
	width:100px;
	text-align:center;
}

#escribir .menu ul li:first-child {
	width:84px;
	background:url(images/boton_inicio.png)	no-repeat;
	margin-left:6px;
}

#escribir .menu ul:first:child > li .actual {
	background:url(images/fondo_menu_hover.png) no-repeat right;
}

#escribir .menu ul .actual{
	background:url(images/fondo_menu_hover.png) no-repeat right;
}

#escribir .menu ul .actual .blanco {
	color:#FFF;
}


#content {	
	width:550px;
	margin-top:30px;
}

#content .texto {
	width:320px;
	float:right;
	font-size:11px;
	color:#231F20;
}

#content .titulo {
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}

#content .imagen {
	float:left;
	margin:0 10px 10px 0;
}

#content .boton {
	padding-right:45px;
	background:url(images/flecha_grande.png) no-repeat right;
	float:right;
	margin-right:10px;
	line-height:42px;
	margin-top:20px;
	color:#FFF;
	font-weight:bold;
}

/*----Paso 2----*/

#content .formulario {
	background:#FFF;
	font-size:11px;
	padding:0 0 0px 0;
	margin:10px 10px 0 0;
	width:320px;
	float:right;
}

#content .formulario p {
	padding:10px 0 0 20px;
	margin:0;
}

#content input {
	width:280px;
	margin-left:20px;
	border:solid 1px #CCC;
}

#content h1 {
	margin-left:10px;
}

/*-----Diseños----*/

#disenos {
	width:310px;
	float:right;
	margin-top:10px;
}

.template {
	float:left;
	width:122px;
	height:157px;
	background:#FFF;
	border:2px #FFF solid;
	margin:10px 18px 10px 10px;
	cursor:pointer;
}

.template img {
	padding:2px;
}

.selected {
	border:2px solid #000;
}

/*-----Texto----*/

#content textarea {
	width:515px;	
}

#content .editor {
	width:515px;
	margin-top:20px;
	margin-left:25px;
	background:#FFF;
}

#content .tit {
	font-size:18px;
	color:#FFF;
	margin-left:25px;
}

#content .destac {
	color:#000;
	margin-top:10px;
	width:530px;
	margin-left:25px;	
}

#text_length {
	width:50px;
	float:left;
	text-align:right;
	background:#FFF;
	display:block;
	padding-right:2px;
	line-height:20px;
	height:20px;	
	border:1px solid #CCC;
}