/* ********************************************************************************************************************/
/*-------------------------------------------------------------------------------------------*/
/*  COMPENDIO DE CSS BÁSICO PARA USAR EN TEMAS DE WORDPRESS. */ 
/*  CREADO POR www.planetahuevo.es*/ 
/*   Basado en woothemes y Elegant themes shortcodes*/ 
/*  última version descargable aquí: www.planetahuevo.es*/ 
/*  A copiar y pegar en el custom.css de cualquier tema. */ 
/**/
/**/
/**/
/**/
/*-------------------------------------------------------------------------------------------*/
/* 1. Info Boxes <div class="ph-box alert">roja</div> */
/* 1. Info Boxes <div class="ph-box download">azul</div>  */  
/* 1. Info Boxes <div class="ph-box note">amarilla</div>  */ 
/* 1. Info Boxes <div class="ph-box tick">verde</div>  */ 
/* 1. Info Boxes <div class="ph-box info">gris</div>  */ 

/* 1. Info Boxes <div class="ph-box info noicon">gris</div>  DESACTIVA EL ICONO*/ 
/*-------------------------------------------------------------------------------------------*/

p.ph-box, div.ph-box  {
margin:1em 0 1.5em 0;
border-width:1px;
border-style:solid;
/*color:#555;*/
text-shadow:none;
-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 
border-radius: 15px;
border-color:#ccc; background:#eee;
/*font-size: 14px;*/
padding:9px 15px;
/*line-height: 1.7em;*/
}

.ph-box.alert { border-color:#f0baa2; background:#ffd9c8 url(https://lh4.googleusercontent.com/-nBs7Q7oYFJo/UcIMml5nf0I/AAAAAAAAD5U/AtecTdsEUZ0/s16/ico-alert.png) no-repeat 20px 45%; padding:9px 10px 9px 50px;}
.ph-box.download {border-color:#B3D8D3; background:#DDF5F7 url(https://lh4.googleusercontent.com/-_bjdHiw6lSc/UcIMmvrDeTI/AAAAAAAAD5E/Lu8wy3JaHHQ/s16/ico-download.png) no-repeat 20px 45%; padding:9px 10px 9px 50px;}
.ph-box.note { border-color:#efe3ae; background:#fef6d2 url(https://lh5.googleusercontent.com/-BGxIiX2b7uc/UcIMnGD65DI/AAAAAAAAD5w/nh2vGP15frg/s16/ico-note.png) no-repeat 20px 45%; padding:9px 10px 9px 50px; }
.ph-box.tick {border-color:#d4ebaf; background:#edfcd5 url(https://lh6.googleusercontent.com/-XevTNOxeCUo/UcIMnJu_1rI/AAAAAAAAD5k/ANzNbmYjQmg/s16/ico-tick.png) no-repeat 20px 45%; padding:9px 10px 9px 50px;}
.ph-box.info {border-color:#ccc; background:#eee url(https://lh3.googleusercontent.com/-g8TcUEOYj_c/UcIMm_IpOVI/AAAAAAAAD5s/VyN2irDvObM/s16/ico-info.png) no-repeat 20px 45%; padding:9px 10px 9px 50px;}
.ph-box.noicon {background-image: url("");}